/* NAZR · Rendition 2 tokens.
 *
 * Fonts and copy carry over from Rendition 1. What changes is the light.
 *
 * Gradient grammar, read off the references. A gradient only ever means one of three things:
 *   HEAT   damage. Light from the point of impact: Ardex's heat grid, Swarmix's thermal trace,
 *          the military target, BuildIn's selected building, the flare on Geotab's incident card.
 *   AURORA NAZR speaking. The pink assistant sheet, Job Match's AI card, Ron Design Lab's
 *          account insights, the credit dashboard's selected panel.
 *   WASH   the one object in focus, tinted by its condition. BizSpeed's active trip,
 *          Vexto's selected bus card, Quarn's active node, Job Match's featured role.
 * Plus atmosphere that comes from imagery (Vexto's map, Onda's blurred photos), never from chrome.
 * Buttons, navigation, chips, tables and text stay flat.
 */

:root {
  --font: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --w-light: 300;
  --w-reg: 400;
  --w-med: 500;

  --t-mega: 92px;
  --t-hero: 76px;
  --t-display: 52px;
  --t-num: 32px;
  --t-h1: 40px;
  --t-h2: 22px;
  --t-h3: 17px;
  --t-body: 15px;
  --t-small: 13px;
  --t-micro: 11px;

  --signal: #032FD9;
  --critical: #FF4747;
  --attention: #F39444;
  --operational: #5EC557;

  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --d-fast: 140ms;
  --d: 280ms;
  --d-slow: 520ms;
}

/* ── Dark: the night scan (Vexto, Swarmix, Ardex, Quarn) ─────────────────── */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #07080A;
  --bg-2: #0C0D10;
  --surface: #111317;
  --surface-2: #181A1F;
  --surface-3: #22252B;
  --glass: rgba(20, 22, 27, 0.58);
  --glass-strong: rgba(16, 18, 22, 0.82);
  --glass-line: rgba(255, 255, 255, 0.09);
  --glass-hi: rgba(255, 255, 255, 0.06);
  --line: rgba(255, 255, 255, 0.07);
  --line-2: rgba(255, 255, 255, 0.13);
  --text: #F3F3F0;
  --text-2: #A2A4A8;
  --text-3: #64676D;
  --dim: rgba(243, 243, 240, 0.34);      /* dimmed decimals and units */

  --primary: #F6F6F3;                     /* flat white pill */
  --on-primary: #08090B;
  --accent: #3D63FF;
  --accent-text: #8EA4FF;

  --crit-text: #FF6E6E;
  --warn-text: #FFAE6B;
  --ok-text: #7FDB8B;
  --crit-soft: rgba(255, 71, 71, 0.14);
  --warn-soft: rgba(243, 148, 68, 0.15);
  --ok-soft: rgba(94, 197, 87, 0.14);

  /* HEAT: white-hot core to violet fringe, added on with screen */
  --heat-0: #FFF8E6;
  --heat-1: #FFD877;
  --heat-2: #FF9640;
  --heat-3: #FF4C3B;
  --heat-4: #B3246B;
  --heat-5: rgba(70, 20, 110, 0);
  --heat-blend: screen;
  --heat-dot-off: rgba(255, 255, 255, 0.075);
  /* Dot heat (thermal top view, damage matrix): white-hot core in the dark */
  --dot-0: #FFF8E6; --dot-1: #FFD877; --dot-2: #FF9640; --dot-3: #FF4C3B; --dot-4: #B3246B;

  /* AURORA: periwinkle, violet, rose, apricot */
  --aur-1: rgba(111, 126, 255, 0.55);
  --aur-2: rgba(178, 108, 255, 0.42);
  --aur-3: rgba(255, 122, 180, 0.38);
  --aur-4: rgba(255, 178, 120, 0.30);
  --aur-base: #14131A;
  --aur-text: #FFFFFF;

  /* WASH: condition of the object in focus */
  --wash-ok: rgba(112, 232, 160, 0.30);
  --wash-warn: rgba(255, 168, 92, 0.30);
  --wash-crit: rgba(255, 88, 88, 0.32);

  /* Isometric twin */
  --iso-line: rgba(255, 255, 255, 0.86);
  --iso-line-2: rgba(255, 255, 255, 0.36);
  --iso-top: #1B1E24;
  --iso-a: #121419;
  --iso-b: #0E1013;
  --iso-glass: #262B36;
  --iso-void: #050607;
  --iso-floor: rgba(255, 255, 255, 0.16);
  --iso-shadow: rgba(0, 0, 0, 0.55);
  --stage-light: rgba(120, 140, 200, 0.10);

  --dot-grid: rgba(255, 255, 255, 0.07);
  --scrim: rgba(0, 0, 0, 0.6);
  --shadow-float: 0 30px 60px -20px rgba(0, 0, 0, 0.7);
}

/* ── Light: the dispatch floor (BizSpeed, Unit Control, Building Plan, Job Match) ── */
[data-theme="light"] {
  color-scheme: light;
  --bg: #ECEEED;
  --bg-2: #F3F4F3;
  --surface: #FFFFFF;
  --surface-2: #F2F3F2;
  --surface-3: #E4E6E5;
  --glass: rgba(255, 255, 255, 0.62);
  --glass-strong: rgba(255, 255, 255, 0.86);
  --glass-line: rgba(20, 20, 20, 0.07);
  --glass-hi: rgba(255, 255, 255, 0.7);
  --line: rgba(20, 20, 20, 0.07);
  --line-2: rgba(20, 20, 20, 0.14);
  --text: #121314;
  --text-2: #5B5E62;
  --text-3: #93969A;
  --dim: rgba(18, 19, 20, 0.32);

  --primary: #121314;
  --on-primary: #FFFFFF;
  --accent: #032FD9;
  --accent-text: #032FD9;

  --crit-text: #D7302B;
  --warn-text: #B45F0E;
  --ok-text: #2C8A36;
  --crit-soft: rgba(255, 71, 71, 0.12);
  --warn-soft: rgba(243, 148, 68, 0.16);
  --ok-soft: rgba(94, 197, 87, 0.16);

  /* Heat on paper multiplies, so it never washes out to white */
  --heat-0: #FFE6A0;
  --heat-1: #FFC455;
  --heat-2: #FF8A33;
  --heat-3: #F04438;
  --heat-4: #C2266D;
  --heat-5: rgba(194, 38, 109, 0);
  --heat-blend: multiply;
  --heat-dot-off: rgba(18, 19, 20, 0.08);
  /* On paper the hottest dots are the darkest: magenta core, amber fringe */
  --dot-0: #A3195B; --dot-1: #E0352F; --dot-2: #FF7A2E; --dot-3: #FFB347; --dot-4: #FFD98A;

  --aur-1: rgba(138, 152, 255, 0.55);
  --aur-2: rgba(204, 160, 255, 0.50);
  --aur-3: rgba(255, 168, 206, 0.55);
  --aur-4: rgba(255, 210, 166, 0.55);
  --aur-base: #FBF9FF;
  --aur-text: #1A1424;

  --wash-ok: rgba(150, 236, 170, 0.75);
  --wash-warn: rgba(255, 206, 158, 0.80);
  --wash-crit: rgba(255, 180, 172, 0.80);

  --iso-line: rgba(18, 19, 20, 0.82);
  --iso-line-2: rgba(18, 19, 20, 0.30);
  --iso-top: #FFFFFF;
  --iso-a: #F7F8F7;
  --iso-b: #EEF0EF;
  --iso-glass: #DDE2EA;
  --iso-void: #2A2D31;
  --iso-floor: rgba(18, 19, 20, 0.16);
  --iso-shadow: rgba(18, 19, 20, 0.08);
  --stage-light: rgba(255, 255, 255, 0.9);

  --dot-grid: rgba(18, 19, 20, 0.08);
  --scrim: rgba(18, 19, 20, 0.35);
  --shadow-float: 0 30px 60px -24px rgba(30, 30, 40, 0.28);
}