/* MOHAP Console design tokens — legacy names.
   The colours live in the RCL theme.css (--ui-*), the warm palette shared with Veterinary Verify. The
   bare names below are kept because console stylesheets still read them; each one is an alias of the
   --ui-* token with the same role, so it follows the officer's Light / Dark / System theme with no
   colour of its own here (theme.css carries the dark values for both files).

   Layering:
     • Colour aliases — surfaces, ink, lines and the status families (success means green: met,
                        verified, complete; warn is amber; danger is red; info is steel blue).
     • Spacing        — the --space-1..8 scale.
     • Radius/shadow/type — geometry + the type stack.
*/
:root {
    /* ----- Colour aliases (values in the RCL theme.css) ----- */
    --navy: var(--ui-inverse);          /* structural dark chrome */
    --navy-2: var(--ui-inverse-hover);
    --teal: var(--ui-good);             /* the verified signature (retired name) */
    --teal-bg: var(--ui-good-tint);
    --brass: var(--ui-accent-mark);     /* official / seal gold — used sparingly */
    --brass-bg: var(--ui-accent-tint);

    --canvas: var(--ui-surface-page);   /* page background */
    --paper: var(--ui-surface);         /* cards / documents / letter */
    --ink: var(--ui-ink);               /* primary text */
    --muted: var(--ui-muted);           /* secondary / muted text */
    --line: var(--ui-line);             /* hairline borders */
    --surface: var(--ui-surface);
    --surface-2: var(--ui-surface-sunken); /* subtle fill */
    --surface-3: var(--ui-surface-strong); /* deeper fill / count pill */
    --ink-2: var(--ui-ink-2);
    --muted-2: var(--ui-faint);         /* faintest text */
    --line-strong: var(--ui-line-strong);
    --bg: var(--ui-surface-page);
    --bg-2: var(--ui-surface-sunken);

    /* ----- Status palette ----- */
    --success: var(--ui-good);          /* met / verified / complete — green */
    --success-bg: var(--ui-good-tint);
    --warn: var(--ui-warn);             /* pending / in progress — amber */
    --warn-bg: var(--ui-warn-tint);
    --danger: var(--ui-bad);            /* failed / not eligible — red */
    --danger-bg: var(--ui-bad-tint);
    --pending: var(--ui-muted);         /* not started — warm grey */
    --pending-bg: var(--ui-surface-sunken);
    --info: var(--ui-info);             /* informational — steel blue */
    --info-bg: var(--ui-info-tint);

    /* ----- Semantic role aliases ----- */
    --primary: var(--ui-accent);        /* links / active affordance / focus */
    --primary-2: var(--ui-accent-hover);
    --primary-3: var(--ui-accent-hover);
    --accent: var(--ui-accent);
    --accent-2: var(--ui-accent-strong);

    /* ----- 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;
    /* Redesign density (spec 2026-09-03 §1): one edit changes every panel and row. */
    --panel-pad: 10px 14px;
    --row-pad: 9px 14px;

    /* ----- Radius ----- */
    --radius-sm: 6px;
    --radius: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    /* ----- Elevation (warm-tinted; dark values in theme.css) ----- */
    --shadow: var(--ui-shadow-lift);
    --shadow-lg: var(--ui-shadow-pop);

    /* ----- Type stack ----- */
    /* IBM Plex Sans is the SINGLE UI typeface — headings, body and UI (the face Veterinary Verify uses).
       Self-hosted (theme.css @font-face) so it renders identically on the Linux box with no CDN
       dependency. Inter follows it only for the Cyrillic, Greek and Vietnamese letters Plex's subsets
       leave out. IBM Plex Mono sets reference numbers. */
    /* Every other script a credential document prints follows the Latin faces, in bundled fonts first so it
       renders the same on every machine: Arabic in Noto Naskh Arabic ('Mohap Arabic'), and Hindi and the
       other Indian scripts, Sinhala, Thai, Amharic, Hebrew, Armenian, Georgian, Burmese, Khmer and Lao in
       Noto Sans ('Mohap Native'), and Simplified Chinese in Noto Sans SC ('Mohap Chinese'); all in
       fonts.css, each face claiming only its script. Inter carries Cyrillic, Greek and
       Vietnamese. The system faces after them cover
       anything not bundled, such as Japanese and Korean: Segoe UI, Nirmala UI, Leelawadee UI, Ebrima,
       Microsoft YaHei, Yu Gothic and Malgun Gothic on Windows; Kohinoor, Sangam, PingFang, Hiragino and
       Apple SD Gothic Neo on macOS; Noto on Linux. */
    --font-native: 'Mohap Arabic', 'Mohap Native', 'Mohap Chinese', 'Segoe UI', 'Nirmala UI', 'Leelawadee UI', 'Ebrima', 'Microsoft YaHei', 'Yu Gothic', 'Malgun Gothic',
        'Kohinoor Devanagari', 'Kohinoor Bangla', 'Tamil Sangam MN', 'Malayalam Sangam MN', 'PingFang SC', 'Hiragino Sans',
        'Apple SD Gothic Neo', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Tamil', 'Noto Sans Malayalam',
        'Noto Sans CJK SC';
    --font-ui: 'IBM Plex Sans', 'Inter', var(--font-native), system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-doc: var(--font-ui);
    --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, 'Liberation Mono', var(--font-native), 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;
}

/* ── Dark theme ───────────────────────────────────────────────────────────────
   No values here: every colour above is an alias of an --ui-* token, and the RCL theme.css carries the
   dark values (data-theme="dark", and data-theme="system" when the device prefers dark). */