/*
    STORM :: design tokens

    Each system in the suite has its own visual identity, the way separate
    government systems procured a decade apart genuinely do. Tokens are
    namespaced per system rather than shared, so making the CAD uglier does
    not accidentally restyle the portal.

    No web fonts are loaded. A FiveM client may have no internet access, and
    a font that fails to load would shift every layout. System stacks only.
*/

:root {
    /* -- Typography ---------------------------------------------------- */
    --font-ui: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-terminal: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --font-mono: "Cascadia Mono", Consolas, "Courier New", monospace;

    --text-xs: 11px;
    --text-sm: 12px;
    --text-base: 14px;
    --text-md: 16px;
    --text-lg: 19px;
    --text-xl: 22px;
    --text-2xl: 28px;
    --text-3xl: 38px;

    /* -- Spacing ------------------------------------------------------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;

    --radius-sm: 3px;
    --radius: 6px;
    --radius-lg: 10px;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .18);
    --shadow: 0 2px 10px rgba(0, 0, 0, .22);
    --shadow-lg: 0 18px 60px rgba(0, 0, 0, .55);

    /* -- Shared status palette ----------------------------------------- */
    --blue: #0d6efd;
    --blue-dark: #0a58ca;
    --green: #198754;
    --green-bright: #28a745;
    --red: #dc3545;
    --red-dark: #b02a37;
    --amber: #fd7e14;
    --yellow: #ffc107;
    --cyan: #0dcaf0;
    --grey: #6c757d;
    --grey-dark: #495057;

    /* -- Portal (Command & Control, dark) ------------------------------ */
    --pt-bg: #0e0e0e;
    --pt-header: #0a0a0a;
    --pt-nav: #253243;
    --pt-surface: #1c1c1c;
    --pt-surface-2: #242424;
    --pt-border: #333333;
    --pt-text: #f2f2f2;
    --pt-muted: #9a9a9a;
    --pt-accent: #d93b3b;

    /* Dashboard tile tones */
    --tone-teal: #1f7f7f;
    --tone-steel: #2d6a9f;
    --tone-orchid: #c08fc8;
    --tone-amber: #e0a03a;
    --tone-light: #ffffff;
    --tone-slate: #242b33;

    /* -- MDT ------------------------------------------------------------ */
    --mdt-chrome: #212529;
    --mdt-bg: #f0f0f0;
    --mdt-surface: #ffffff;
    --mdt-border: #d4d4d4;
    --mdt-text: #1f1f1f;
    --mdt-muted: #6b6b6b;
    --mdt-alert: #b02a37;

    /* Handheld variant */
    --hh-chrome: #1b1b1b;
    --hh-bar: #ececec;
    --hh-bg: #ccd3e0;
    --hh-alert: #8b1a1a;

    /* -- PNC ------------------------------------------------------------ */
    --pnc-header: #0c3c60;
    --pnc-search: #1064a8;
    --pnc-card: #0c4a7a;
    --pnc-card-action: #093a5e;
    --pnc-bg: #f7f8fa;
    --pnc-row: #eef4fa;
    --pnc-border: #dfe5ec;
    --pnc-search-btn: #5bc0de;

    /* -- CAD (control room terminal) ------------------------------------ */
    --cad-bg: #0b2c66;
    --cad-panel: #0a2a5e;
    --cad-line: rgba(255, 255, 255, .72);
    --cad-line-soft: rgba(255, 255, 255, .34);
    --cad-text: #ffffff;
    --cad-green: #00c400;
    --cad-red: #e00000;
    --cad-amber: #ffb000;

    /* -- CRIMES --------------------------------------------------------- */
    --cr-rail: #1a63b8;
    --cr-rail-dark: #0d47a1;
    --cr-rail-hover: #10529e;
    --cr-header: #333333;
    --cr-bg: #e9e9e9;
    --cr-surface: #ffffff;
    --cr-border: #d9d9d9;
    --cr-text: #222222;
    --cr-link: #1565c0;
    --cr-notice: #f7d57f;
    --cr-cps: #7fd8ec;

    /* -- NCR ------------------------------------------------------------ */
    --ncr-header: #0b5cab;
    --ncr-sub: #084b8c;
    --ncr-bg: #eef1f4;
    --ncr-surface: #ffffff;
    --ncr-border: #111111;
    --ncr-tab-active: #0b5cab;
}