/* Design tokens — the single source of truth for the visual system.
   Change --color-accent to re-skin the entire app. */
:root {
    /* Brand accent — eBizindia logo blue (#1050a0 family). Company palette:
       blue, green, orange, black, red only — never purple. */
    --color-accent:        #1057a6;
    --color-accent-hover:  #0b4586;
    --color-accent-soft:   #e9f2fc;
    --color-accent-ring:   rgba(16, 87, 166, 0.30);

    /* Brand gradients — blue-on-blue only (deep royal → bright azure) */
    --gradient-accent:  linear-gradient(135deg, #0d4f9e 0%, #1e88d8 100%);
    --gradient-deep:    linear-gradient(180deg, #0a2a52 0%, #0f172a 100%);
    --gradient-hero:    linear-gradient(135deg, #082f5e 0%, #0d4f9e 45%, #1e88d8 85%, #0ea5e9 120%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #0d9488 100%);
    --shadow-accent:    0 4px 14px rgba(13, 79, 158, 0.35);

    /* Neutral slate scale */
    --color-ink:      #0f172a;
    --color-ink-2:    #334155;
    --color-muted:    #64748b;
    --color-faint:    #94a3b8;
    --color-line:     #e2e8f0;
    --color-line-2:   #cbd5e1;
    --color-surface:  #ffffff;
    --color-bg:       #f1f5f9;
    --color-bg-2:     #f8fafc;

    /* Semantic — brighter, more saturated status colours (still muted enough
       to sit comfortably against the soft tinted backgrounds below). */
    --color-success:  #10b981;
    --color-success-soft: #ecfdf5;
    --color-warning:  #f59e0b;
    --color-warning-soft: #fffbeb;
    --color-danger:   #ef4444;
    --color-danger-soft:  #fef2f2;
    --color-info:     #0ea5e9;
    --color-info-soft:    #f0f9ff;

    /* Typography */
    --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif;
    --fs-xs:   0.75rem;
    --fs-sm:   0.8125rem;
    --fs-base: 0.875rem;
    --fs-md:   1rem;
    --fs-lg:   1.125rem;
    --fs-xl:   1.375rem;
    --fs-2xl:  1.75rem;

    /* Spacing scale (8px base) */
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 0.75rem;
    --sp-4: 1rem;
    --sp-5: 1.5rem;
    --sp-6: 2rem;
    --sp-7: 3rem;

    /* Radius */
    --radius-sm: 6px;
    --radius:    10px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Shadows (soft, modern) */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow:    0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.12), 0 4px 10px rgba(15, 23, 42, 0.06);

    /* Layout */
    --sidebar-w: 244px;
    --topbar-h:  60px;

    --transition: 150ms ease;
}