/* ============================================================
   SXMeets Mobile OS v3 — chassis tokens
   ------------------------------------------------------------
   Neutral palette only. Each OS file MUST override
   `--accent` / `--accent-deep` / `--accent-glow` and (optionally)
   the `--hero-*` gradients in its own :root.

   Inclusion order (in OS file <head>):
     1. fonts (Geist + JetBrains Mono via Google Fonts)
     2. _shared/chassis-tokens.css         ← this file
     3. _shared/chassis-layout.css
     4. _shared/chassis-components.css
     5. <style id="os-overrides"> with `--accent`, brand tweaks

   Extracted 2026-05-29 from the Batch 1 v3 files
   (restos / hospitality / beauty / wellness) which all carry
   substantially identical :root blocks lifted from
   taxios-mobile-v4.1.html.
   ============================================================ */

:root {
  /* ── Surfaces ─────────────────────────────────────────────── */
  --bg:           #0E1015;
  --surface:      #181B22;
  --surface-2:    #232733;
  --surface-3:    #2D323F;

  /* ── Lines / borders ──────────────────────────────────────── */
  --line:         rgba(255,255,255,.06);
  --line-2:       rgba(255,255,255,.12);

  /* ── Ink (text) ───────────────────────────────────────────── */
  --ink:          #F2F2F2;
  --ink-2:        #B4B8C0;
  --ink-3:        #6E7380;
  --ink-on-accent: #14161C;   /* per-OS files override for warm accents */

  /* ── Brand (PLACEHOLDERS — every OS overrides these) ──────── */
  --accent:       #FFB347;
  --accent-deep:  #FF9B2C;
  --accent-glow:  rgba(255,179,71,.18);

  /* ── Semantic states ──────────────────────────────────────── */
  --online:       #34D399;
  --online-deep:  #10B981;
  --offline:      #6E7380;
  --surge:        var(--accent);
  --alert:        #F87171;
  --alert-deep:   #DC2626;
  --info:         #60A5FA;

  /* ── Map / floor / surface art base (dark) ────────────────── */
  --map-water:    #0A1218;
  --map-land-fr:  #1B2734;
  --map-land-nl:  #1F2B38;
  --map-coast:    #2E3C4C;
  --map-road-1:   rgba(255,255,255,.085);
  --map-road-2:   rgba(255,255,255,.05);
  --map-border:   #5E6D7D;
  --map-label:    #8A9AAB;
  --map-label-dim: #59697A;

  /* ── Operational hero gradients (placeholders) ────────────────
     Each OS file SHOULD override these — the per-status hero look
     is what makes RestoOS feel different from BeautyOS even at
     the same state. These defaults are TaxiOS's so something
     still renders if an OS forgets to override.
     ────────────────────────────────────────────────────────── */
  --hero-offline:  linear-gradient(135deg, #181B22 0%, #232733 100%);
  --hero-idle:     linear-gradient(135deg, #0F1A18 0%, #163328 50%, #1F4A38 100%);
  --hero-surge:    linear-gradient(135deg, #1A1108 0%, #3A2810 50%, #6B4818 100%);
  --hero-ride:     linear-gradient(135deg, #0E1622 0%, #15263F 50%, #1F3D6A 100%);
  --hero-incoming: linear-gradient(135deg, #2A1A0A 0%, #4A2A12 50%, #FFB347 100%);

  /* ── Radii ────────────────────────────────────────────────── */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;

  /* ── Fonts ────────────────────────────────────────────────── */
  --font:  "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Tabular nums baked in globally — every numeric should align. */
  font-feature-settings: 'tnum';
}

/* ============================================================
   LIGHT THEME — intentionally tuned, not inverted dark.
   Activated by `data-theme="light"` on <html>.
   Caribbean sun-readable. Per-OS files MAY override accent.
   ============================================================ */
:root[data-theme="light"] {
  --bg:           #F4F1EA;
  --surface:      #FFFFFF;
  --surface-2:    #F0EBE0;
  --surface-3:    #E5DFD1;
  --line:         rgba(15,17,22,.07);
  --line-2:       rgba(15,17,22,.14);
  --ink:          #14161C;
  --ink-2:        #4A4F5A;
  --ink-3:        #828794;

  --accent-glow:  rgba(255,155,44,.22);

  --map-water:    #C7DAE6;
  --map-land-fr:  #F3E9D4;
  --map-land-nl:  #F0E4C8;
  --map-coast:    #B5A88E;
  --map-road-1:   rgba(60,40,20,.18);
  --map-road-2:   rgba(60,40,20,.10);
  --map-border:   #8A7A5C;
  --map-label:    #4A4030;
  --map-label-dim: #8A7E68;

  --hero-offline:  linear-gradient(135deg, #E5DFD1 0%, #F0EBE0 100%);
  --hero-idle:     linear-gradient(135deg, #C6DDC9 0%, #9CC8A9 50%, #6FAE85 100%);
  --hero-surge:    linear-gradient(135deg, #FFE3B8 0%, #FFCA82 50%, #FFA945 100%);
  --hero-ride:     linear-gradient(135deg, #C8D8EE 0%, #98B7DD 50%, #6189C2 100%);
  --hero-incoming: linear-gradient(135deg, #FFD9A8 0%, #FFB347 100%);
}

/* ============================================================
   Naming variation noted in Batch 1 (do NOT lint Batch 1 files —
   retrofit is out of scope for this pass):
     • RestoOS uses earth-tone --bg #14110D — overrides bg.
     • Hospitality / Wellness keep base bg.
     • Some files also expose --navy / --coral (legacy v2 tokens
       from tokens.css). Chassis v3 chose --accent / --accent-deep
       as the canonical name. Batch 2–4 should use --accent.
   ============================================================ */
