/* MOHAP Console design tokens — "verification authority / system of record".
   Phase 1 of the Console redesign: replaces the QB CLEAR sky-blue palette with a
   deep-navy command-rail + clinical light workspace, a #2563EB blue accent
   (unified with the RCL --ui-accent; used only for confirmed / primary-source-verified states),
   and restrained brass for official/seal moments.

   Layering:
     • Raw palette  — the literal brand hexes (navy / blue-accent / brass / status).
     • Surfaces/ink — canvas + paper + text ramp for the light workspace.
     • Semantic     — role aliases (--primary, --accent, status families) that the
                      shared primitives consume, so a primitive never hardcodes a hue.
     • Spacing      — a real --space-1..8 scale replacing the magic-px the
                      investigation flagged.
     • Radius/shadow/type — geometry + the document-grade type stack.
*/
:root {
    /* ----- Raw brand palette ----- */
    --navy: #16243B;          /* command-rail — the authoritative anchor */
    --navy-2: #22344F;        /* rail hover / raised rail surface */
    --teal: #2563EB;          /* the verified / success signature accent (unified blue, retired teal #0F8B82) */
    --teal-bg: #EFF6FF;       /* verified tint (blue-50) */
    --brass: #A87C2D;         /* official / seal — used sparingly */
    --brass-bg: #F6EEDD;      /* seal tint */

    /* ----- Workspace surfaces + ink ramp (clinical light) ----- */
    --canvas: #F6F8FB;        /* page background */
    --paper: #FFFFFF;         /* cards / documents / letter */
    --ink: #0E1726;           /* primary text */
    --muted: #5B6B7F;         /* secondary / muted text */
    --line: #E3E8EF;          /* hairline borders */

    /* Derived surface/line ramp so ported primitives keep their depth cues.
       Kept in the navy/slate family rather than the old sky-blue tints. */
    --surface: var(--paper);
    --surface-2: #F1F4F9;     /* subtle fill */
    --surface-3: #E7ECF3;     /* deeper fill / count pill */
    --ink-2: #28384A;         /* secondary text (legacy alias, slightly warmer) */
    --muted-2: #8593A4;       /* faintest text */
    --line-strong: #C9D3E0;   /* strong borders */
    --bg: var(--canvas);      /* legacy alias for ported rules */
    --bg-2: #ECF1F7;

    /* ----- Status palette (system-of-record semantics) ----- */
    --success: #2563EB;       /* verified / eligible — blue accent (unified, retired teal #0F8B82) */
    --success-bg: #EFF6FF;    /* blue-50 tint */
    --warn: #B5821A;          /* conditional / warn — amber */
    --warn-bg: #F6EBD2;
    --danger: #B23A3A;        /* not-eligible / danger */
    --danger-bg: #F4E2E2;
    --pending: #5B6B7F;       /* pending / incomplete — slate */
    --pending-bg: #ECEFF4;
    --info: #2C6E9B;          /* informational — muted navy-blue */
    --info-bg: #E2ECF3;

    /* ----- Semantic role aliases (consumed by the shared primitives) ----- */
    /* The single accent is #2563EB blue (unified with RCL --ui-accent; retired teal #0F8B82).
       Navy is structural chrome (the rail), not an interactive accent, so it keeps its own token. */
    --primary: #2563EB;       /* blue-600 — links / active affordance / focus */
    --primary-2: #1D4ED8;     /* blue-700 (hover) — matches RCL --ui-accent-hover */
    --primary-3: #1D4ED8;     /* blue-700 (pressed) — RCL has no separate pressed shade */
    --accent: #2563EB;        /* alias of the unified blue accent */
    --accent-2: #3B82F6;      /* blue-500 light variant */

    /* ----- Spacing scale (replaces magic-px) ----- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;

    /* ----- Radius ----- */
    --radius-sm: 7px;
    --radius: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    /* ----- Elevation (navy-tinted so shadows read on the cool canvas) ----- */
    --shadow: 0 1px 0 rgba(22, 36, 59, .04), 0 8px 28px -16px rgba(22, 36, 59, .18);
    --shadow-lg: 0 1px 0 rgba(22, 36, 59, .04), 0 24px 60px -28px rgba(22, 36, 59, .28);

    /* ----- Type stack ----- */
    /* Inter is the SINGLE UI typeface — headings, body and UI all use it for a clean, consistent,
       highly readable look. Self-hosted (theme.css @font-face) so it renders identically on the
       Linux box with no CDN dependency. Source Serif was retired for consistency. */
    --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-doc: var(--font-ui);
    --font-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    /* On-screen Arabic — self-hosted Noto Naskh Arabic (see fonts.css). Falls back
       to the OS Arabic face only if the webfont fails to load. */
    --font-ar: 'Noto Naskh Arabic', 'Segoe UI', 'Tahoma', serif;
}