/* ==========================================================================
   BrandWest FoodOS — design tokens
   Inherited from the Brand West site: near-black canvas (never #000), electric
   blue as the brand, cyan for data accents, amber reserved for primary CTAs.
   The app commits to a single dark look — it is a console, not a document.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- surface ramp ------------------------------------------------------ */
  --canvas: #050609;
  --surface: #0a0c12;
  --elevated: #10131c;
  --raised: #171b26;
  --overlay: #1d2230;

  /* --- ink --------------------------------------------------------------- */
  --ink: #f2f4f8;
  --ink-muted: #99a2b5;
  --ink-faint: #7b8496;

  /* --- brand ------------------------------------------------------------- */
  --electric: #3e87fb;
  --electric-bright: #6aa4ff;
  --electric-deep: #1b4fb8;
  --cyan: #22d3ee;
  --signal: #ffb020;
  --on-electric: #04070f;
  --on-signal: #1a0f00;

  /* --- lines ------------------------------------------------------------- */
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);

  /* --- type -------------------------------------------------------------- */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* --- motion ------------------------------------------------------------ */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-quart: cubic-bezier(0.25, 1, 0.5, 1);

  /* --- radii & shadow ---------------------------------------------------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px -18px rgba(0, 0, 0, 0.9);

  /* ========================================================================
     Data-visualisation parameters
     Categorical order validated against surface #10131c with
     dataviz/scripts/validate_palette.js --mode dark:
       lightness band PASS · chroma floor PASS · adjacent CVD ΔE 8.4 PASS
       normal-vision ΔE 19.3 PASS · contrast >= 3:1 PASS
     Slots are assigned in fixed order and never cycled. A ninth series folds
     into "Other" or becomes small multiples.
     ===================================================================== */
  --viz-surface: #10131c;
  --viz-grid: rgba(255, 255, 255, 0.07);
  --viz-axis: rgba(255, 255, 255, 0.14);

  --series-1: #3e87fb; /* blue    — Brand West electric */
  --series-2: #d95926; /* orange  */
  --series-3: #199e70; /* aqua    */
  --series-4: #c98500; /* yellow  */
  --series-5: #d55181; /* magenta */
  --series-6: #9085e9; /* violet  */
  --series-7: #e66767; /* red     */

  /* Sequential ramp — one hue, dark→light for magnitude on a dark surface. */
  --seq-1: #0d366b;
  --seq-2: #184f95;
  --seq-3: #256abf;
  --seq-4: #2a78d6;
  --seq-5: #3987e5;
  --seq-6: #5598e7;
  --seq-7: #86b6ef;
  --seq-8: #b7d3f6;

  /* Diverging — warm/cool poles, neutral grey midpoint. */
  --div-neg-2: #b23b3b;
  --div-neg-1: #d97a7a;
  --div-mid: #383c46;
  --div-pos-1: #5f9ae8;
  --div-pos-2: #2a78d6;

  /* Status — reserved. Never reused as a series colour; always shipped with
     an icon and a label so hue never carries the meaning alone. */
  --good: #0ca30c;
  --warning: #fab219;
  --serious: #ec835a;
  --critical: #d03b3b;
  --good-ink: #4ade80;
  --warning-ink: #fbbf24;
  --serious-ink: #fb9a6b;
  --critical-ink: #f87171;
}

@media print {
  :root {
    color-scheme: light;
    --canvas: #ffffff;
    --surface: #ffffff;
    --elevated: #ffffff;
    --raised: #f6f6f5;
    --overlay: #ffffff;
    --ink: #0b0b0b;
    --ink-muted: #52514e;
    --ink-faint: #6b6a66;
    --line: rgba(0, 0, 0, 0.12);
    --line-strong: rgba(0, 0, 0, 0.22);
    --viz-surface: #ffffff;
    --viz-grid: rgba(0, 0, 0, 0.09);
    --viz-axis: rgba(0, 0, 0, 0.2);
    /* Light-surface steps of the same eight hues. */
    --series-1: #2a78d6;
    --series-2: #eb6834;
    --series-3: #1baf7a;
    --series-4: #eda100;
    --series-5: #e87ba4;
    --series-6: #4a3aa7;
    --series-7: #e34948;
    --seq-8: #cde2fb;
    --seq-7: #9ec5f4;
    --seq-6: #6da7ec;
    --seq-5: #3987e5;
    --seq-4: #2a78d6;
    --seq-3: #256abf;
    --seq-2: #184f95;
    --seq-1: #0d366b;
    --electric: #1b4fb8;
  }
}