/* ────────────────────────────────────────────────────────────────────────────
   Robert's Equipment — shared design system tokens
   Source of truth: Reference/Design_System.md

   This file is linked by every Dashboards/*.html page that uses the DS token
   system. Page-local tokens (e.g. StockLookup's --row-*, CRM's --col-header-bg,
   Pipeline's --inv-*) stay inline on those pages.

   Naming conventions present:
   - Canonical (DS §2d):  --success / --danger / --warning / --info / --calendar / --visit
   - Pipeline-era:        --won / --lost / --warn          (same values as success/danger/warning)
   - CRM-era:             --won / --lost / --wip-warn      (same values as success/danger/warning)
   - Legacy aliases:      --card / --silver / --white / --green / --red / --amber / --blue / --purple-bg
                          (theme-aware re-points to canonical tokens)

   All variants resolve to the same color values; nothing should silently drift.
   ──────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Surface ────────────────────────────────────────────────── */
  --bg:            #f3f4f6;
  --bg-elev:       #ffffff;
  --bg-card:       #ffffff;
  --bg-column:     #e8eaee;

  /* ── Text ───────────────────────────────────────────────────── */
  --text:          #111111;
  --text-dim:      #555;
  --text-faint:    #888;

  /* ── Border / divider ───────────────────────────────────────── */
  --border:        #d4d6da;
  --border-soft:   #e3e5e9;

  /* ── Functional accent (CTA / focus / active toggle) ────────── */
  --accent:        #1976d2;
  --accent-text:   #ffffff;

  /* ── Pill / chip neutral ────────────────────────────────────── */
  --pill-bg:       #e3e5e9;
  --pill-text:     #333;

  /* ── Elevation ──────────────────────────────────────────────── */
  --shadow:        0 1px 2px rgba(0,0,0,0.06);
  --shadow-strong: 0 4px 14px rgba(0,0,0,0.15);

  /* ── Brand chrome (single value in both themes) ─────────────── */
  --brand-silver:      #c0c0c0;
  --brand-silver-dark: #888888;
  --brand-white:       #ffffff;
  --brand-black:       #111111;

  /* ── Status family — canonical (DS §2d) ─────────────────────── */
  --success: #2e7d32; --success-bg: #e6f4e7; --success-text: #2e7d32;
  --danger:  #b53d3d; --danger-bg:  #f7e1e1; --danger-text:  #b53d3d;
  --warning: #c88500; --warning-bg: #fff5dc; --warning-text: #c88500;
  --info:    #1156a6; --info-bg:    #cfe7ff; --info-text:    #1156a6;
  --calendar:#a0590f; --calendar-bg:#ffe5c2; --calendar-text:#a0590f;
  --visit:   #5d3aaf; --visit-bg:   #e6d8ff; --visit-text:   #5d3aaf;

  /* ── Status family — CRM/Pipeline historical names ──────────── */
  /* Same values as canonical, kept as named tokens so CRM and the      */
  /* Pipeline builder can stay on their existing token references.      */
  --won:      #2e7d32; --won-bg:      #e6f4e7;
  --lost:     #b53d3d; --lost-bg:     #f7e1e1;
  --warn:     #c88500; --warn-bg:     #fff5dc;   /* Pipeline name */
  --wip-warn: #c88500; --wip-warn-bg: #fff5dc;   /* CRM name */

  /* ── Legacy aliases — theme-aware re-points ─────────────────── */
  /* Existing var(--card) / var(--silver) / etc. usages keep working;   */
  /* re-aliasing keeps the legacy hooks honest under theme switching.   */
  --card:        var(--bg-card);
  --card2:       var(--bg-elev);
  --col:         var(--bg-column);
  --border2:     var(--border);
  --silver:      var(--text-dim);
  --silver-dark: var(--text-faint);
  --white:       var(--text);
  --green:       var(--success);  --green-bg:  var(--success-bg);  --green-text:  var(--success-text);
  --red:         var(--danger);   --red-bg:    var(--danger-bg);   --red-text:    var(--danger-text);
  --amber:       var(--warning);  --amber-bg:  var(--warning-bg);  --amber-text:  var(--warning-text);
  --blue:        var(--info);     --blue-bg:   var(--info-bg);     --blue-text:   var(--info-text);
  --purple-bg:   var(--visit-bg); --purple-text: var(--visit-text);

  /* ── WO chip — open CDK shop work order indicator ──────────────
     Shared by trucking-driver/execview/branch/rep/CRM/Pipeline pages.
     Solid color fills (not tonal pairs) for high contrast on a phone
     in sunlight. Stale variant = any matched WO open > 30 days. */
  --wo-chip-bg:        #1156a6;   /* solid info blue */
  --wo-chip-fg:        #ffffff;   /* white reads on dark blue */
  --wo-chip-stale-bg:  #c88500;   /* solid warning amber */
  --wo-chip-stale-fg:  #ffffff;   /* white reads on dark amber */
}

html[data-theme="dark"] {
  /* ── Surface ────────────────────────────────────────────────── */
  --bg:            #161718;
  --bg-elev:       #1f2123;
  --bg-card:       #24272a;
  --bg-column:     #1c1e21;

  /* ── Text ───────────────────────────────────────────────────── */
  --text:          #eaeaea;
  --text-dim:      #b0b3b8;
  --text-faint:    #7a7d82;

  /* ── Border / divider ───────────────────────────────────────── */
  --border:        #3a3d42;
  --border-soft:   #2a2d31;

  /* ── Functional accent ──────────────────────────────────────── */
  --accent:        #4ea3ff;
  --accent-text:   #0b1e33;

  /* ── Pill / chip neutral ────────────────────────────────────── */
  --pill-bg:       #34373c;
  --pill-text:     #d0d2d6;

  /* ── Elevation ──────────────────────────────────────────────── */
  --shadow:        0 1px 2px rgba(0,0,0,0.4);
  --shadow-strong: 0 4px 14px rgba(0,0,0,0.55);

  /* ── Status family — canonical (dark variants) ──────────────── */
  --success: #6cc46f; --success-bg: #1f3322; --success-text: #6cc46f;
  --danger:  #e07070; --danger-bg:  #3a2222; --danger-text:  #e07070;
  --warning: #f0b454; --warning-bg: #3a2f1c; --warning-text: #f0b454;
  --info:    #97c5ee; --info-bg:    #1f3e60; --info-text:    #97c5ee;
  --calendar:#e6b974; --calendar-bg:#4a3618; --calendar-text:#e6b974;
  --visit:   #c2a6f0; --visit-bg:   #3a2c5d; --visit-text:   #c2a6f0;

  /* ── Status family — CRM/Pipeline historical names (dark) ───── */
  --won:      #6cc46f; --won-bg:      #1f3322;
  --lost:     #e07070; --lost-bg:     #3a2222;
  --warn:     #f0b454; --warn-bg:     #3a2f1c;
  --wip-warn: #f0b454; --wip-warn-bg: #3a2f1c;

  /* ── WO chip — dark overrides for sunlight readability ────────
     Lighter saturated fills (the light-mode #1156a6 / #c88500 read
     as black-ish on dark surfaces). Dark text on the lighter fill
     keeps contrast strong without burning the eyes in-cab. */
  --wo-chip-bg:        #4ea3ff;   /* brighter blue on dark surfaces */
  --wo-chip-fg:        #0b1e33;   /* dark navy on light blue */
  --wo-chip-stale-bg:  #ffa84a;   /* saturated amber */
  --wo-chip-stale-fg:  #1a0e00;   /* dark brown on light amber */
}