/*
 * eSales V2 design tokens — blue-black palette (CLIENT_V2_PLAN.md §2.6).
 * Light values on :root, dark values on .dark (class strategy, set by ThemeService).
 * All contrast pairs validated >= 4.5:1 (body) / 3:1 (large text, icons).
 */

:root {
    /* Brand ramp (blue) — primary is #2563EB in light mode */
    --brand-50: #EFF6FF;
    --brand-100: #DBEAFE;
    --brand-200: #BFDBFE;
    --brand-300: #93C5FD;
    --brand-400: #60A5FA;
    --brand-500: #3B82F6;
    --brand-600: #2563EB;
    --brand-700: #1D4ED8;
    --brand-800: #1E40AF;
    --brand-900: #1E3A8A;
    --brand-primary: #2563EB;
    --brand-primary-contrast: #FFFFFF;
    /* Accent = text/link/icon color on surfaces; hover/active = interaction states
       of filled controls. Split from primary so dark mode can lighten instead of
       darken (saturated blue text fringes on dark backgrounds; see brand-400 note). */
    --brand-accent: #2563EB;
    --brand-hover: #1D4ED8;
    --brand-active: #1E40AF;
    --brand-state-contrast: #FFFFFF;

    /* Surfaces */
    --surface-0: #FFFFFF; /* page */
    --surface-1: #F8FAFC; /* cards */
    --surface-2: #EEF2F7; /* raised/sheets */

    /* Ink (text) */
    --ink-1: #0B1220;
    --ink-2: #475569;
    --ink-3: #94A3B8;

    /* Status */
    --positive: #15803D;
    --warning: #B45309;
    --critical: #B91C1C;
}

.dark {
    /* Brand ramp — primary is #3B82F6 in dark mode */
    --brand-primary: #3B82F6;
    --brand-primary-contrast: #0B1220;
    /* Text-level accent lightened to brand-400 (7.4:1 on surface-0); interaction
       states go lighter, not darker, per Material dark-theme guidance. */
    --brand-accent: #60A5FA;
    --brand-hover: #60A5FA;
    --brand-active: #93C5FD;
    --brand-state-contrast: #0B1220;

    /* Surfaces */
    --surface-0: #0B1220; /* page */
    --surface-1: #111A2E; /* cards */
    --surface-2: #1A2540; /* raised/sheets */

    /* Ink (text) */
    --ink-1: #E6EBF4;
    --ink-2: #9FB0CC;
    --ink-3: #64748B;

    /* Status */
    --positive: #4ADE80;
    --warning: #FBBF24;
    --critical: #F87171;
}