/* ════════════════════════════════════════════════════════════════
   site/variables.css — scale & reference tokens
   ----------------------------------------------------------------
   Design-system entry point for the structured stylesheet set. This
   file documents the shared scales (breakpoints, spacing) and mirrors
   the severity palette from Code/Sev.cs so future work has a single
   reference point.

   NOTE ON THEME TOKENS: the live colour tokens (--bg, --surface,
   --accent, --good/--warn/--bad/--crit, --radius, --font-*) are NOT
   here — they are declared on .shell in site/layout.css and re-skinned
   for light mode by wwwroot/app.css (html[data-theme="light"] .shell).
   Keeping them there avoids duplicating/overriding the theme system.

   SCSS-READY: when this set migrates to SCSS, this file becomes
   _variables.scss and the values below become $-variables / maps that
   the other partials consume. Until then they are plain custom
   properties + documentation so the layout mirrors the future one.
   ════════════════════════════════════════════════════════════════ */

/* ─── Breakpoints ─────────────────────────────────────────────────
   Going-forward standard = Bootstrap 5.3's breakpoints. Plain CSS
   cannot use custom properties inside @media, so these are documented
   here and written literally at each @media site.

     --bp-sm:  576px
     --bp-md:  768px
     --bp-lg:  992px
     --bp-xl:  1200px
     --bp-xxl: 1400px

   DEVIATION (documented): the migrated pages keep their EXISTING
   breakpoint values (640 / 820 / 900 / 960 / 1080 / 1250 / 1280) rather
   than being snapped onto the Bootstrap scale, because shifting a
   breakpoint value changes the width at which a layout reflows — a
   behavioural change this refactor is explicitly not allowed to make.
   New/rewritten responsive rules should target the Bootstrap values
   above; existing ones are left intact and consolidated only where the
   value was already identical. */

:root {
    /* ─── Severity palette — mirrors Code/Sev.cs ──────────────────
       Reference tokens for the classification/severity colour system.
       Sev.cs feeds the actual per-row colour inline via `style="--c:…"`,
       so these are the canonical source values, exposed here for reuse
       and documentation. This is a SEPARATE system from the theme's
       --good/--warn/--bad/--crit status tokens (defined on .shell). */
    --sev-critical: #C62828;
    --sev-high:     #EF4444;
    --sev-medium:   #F97316;
    --sev-low:      #FACC15;
    --sev-info:     #4D9FFF;

    /* Incident/request status colours (Sev.StatusColor / RequestStatusColor) */
    --status-active:   #FF6B6B;
    --status-waiting:  #FFB454;
    --status-resolved: #3DDC97;
    --status-open:     #4D9FFF;

    /* Classification colours (Sev.ClassColor) */
    --class-true-positive:   #FF6B6B;
    --class-benign-positive: #FFB454;
    --class-false-positive:  #3DDC97;
    --class-not-set:         #7B858A;

    /* ─── Spacing scale ───────────────────────────────────────────
       The bespoke spacing rhythm used across the dashboard pages.
       Documented as tokens so the structured sheets share one scale;
       existing rules keep their literal px values until the SCSS
       migration wires these up.

         --space-1: 2px      --space-5: 14px     --space-9:  24px
         --space-2: 4px      --space-6: 16px     --space-10: 34px  (content/dash gap)
         --space-3: 8px      --space-7: 18px
         --space-4: 12px     --space-8: 22px                                        */
    --space-1: 2px;
    --space-2: 4px;
    --space-3: 8px;
    --space-4: 12px;
    --space-5: 14px;
    --space-6: 16px;
    --space-7: 18px;
    --space-8: 22px;
    --space-9: 24px;
    --space-10: 34px;
}