/* legacy.css — retired token names the app still references, each at its OLD value so Phase 0
   diffs to zero. Every line is a debt: the lint flags these names, and each module's Phase 1/2 PR
   moves its uses to the token in the comment, then deletes the line. Use counts: 26 Sep 2026, CSS+JS. */
:root {
  --blue:         #004BB6;                 /* 5   → --info (status) or --blue-muted (interface) */
  --blue-hover:   #005FC8;                 /* 2   → --blue-muted */
  --blue-light:   #4A9BF0;                 /* 10  → --info */
  --blue-10:      rgba(0,75,182,0.10);     /* 6   → color-mix(in srgb, var(--info) 12%, transparent) */
  --blue-15:      rgba(0,75,182,0.15);     /* 4   → same */
  --purple:       #A86BD9;                 /* 2   → gone with the Storage type; Storage is a Terminal */
  --purple-10:    rgba(168,107,217,0.10);  /* 0 */
  --purple-30:    rgba(168,107,217,0.30);  /* 0 */
  --ice:          #E1F1FF;                 /* 0 */
  --rose:         #FF6B8A;                 /* 0 */
  --rose-10:      rgba(255,107,138,0.10);  /* 0 */
  --rose-30:      rgba(255,107,138,0.30);  /* 0 */
  --font-display: 'Comfortaa', 'Nunito Sans', sans-serif;  /* 1 → --font-wordmark is for the wordmark only; use --font-primary */
  --view-demand:    var(--teal);           /* 4 (with --view-inventory) → --accent */
  --view-inventory: var(--blue-muted);
  /* Phase 0 keeps the app's mono stack order (SF Mono first on Macs); the system's Fira-Code-first
     order is a visible font change. Flip it in the first Phase 1 PR and delete this line. */
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
}

/* ── v48/v51 consolidation: names the design system retired, at the role they mapped to (CHANGES.md).
   Use counts from the design chat's scan of the checkout, 29 Sep. Each line drains with its module. ── */
:root {
  --panel-border:     var(--border-strong);       /* 367 · 73 files */
  --map-border:       var(--border);              /* 278 · 45 */
  --text-primary:     var(--foreground);          /* 166 · 47 — these three collapse onto --foreground */
  --grey-100:         var(--foreground);          /* 157 · 44 */
  --grey-200:         var(--foreground);          /* 133 · 42 */
  --grey-600:         var(--subtle-foreground);   /* 139 · 42 — was 2.1:1; decorative only */
  --panel-bg:         var(--card);                /* 103 · 65 */
  --panel-bg-raised:  var(--muted);               /* 68 · 30 */
  --map-label:        var(--muted-foreground);    /* 78 · 23 */
  --text-dim:         var(--subtle-foreground);   /* 57 · 14 */
  --white:            var(--foreground);          /* 29 · 14 — on a fill use --primary-foreground */
  --coral-30:         color-mix(in srgb, var(--primary) 30%, transparent);   /* 18 · 11 */
  --coral-15:         color-mix(in srgb, var(--primary) 15%, transparent);   /* 4 · 4 */
  --grey-700:         var(--disabled);            /* 18 · 5 */
  --slate-light:      var(--border-strong);       /* 16 · 9 */
  --bg-surface:       var(--muted);               /* 3 · 2 */
  --grey-50:          var(--foreground);          /* 2 · 1 */
  --slate-700:        var(--border);              /* 2 · 1 (index.html) */

  /* Names the app used but never defined anywhere (found by check-tokens; they resolved to nothing).
     Mapped to the nearest role so the surfaces render; migrate and delete like the rest. */
  --bg-panel:         var(--card);                /* route-card.css */
  --sidebar-bg:       var(--card);                /* audit.css, route-card.css */
  --bg-700:           var(--card);                /* routing-compute.js */
  --surface-1:        var(--card);                /* demand panels */
  --surface-2:        var(--muted);               /* demand panels, inventory notes */
  --text-tertiary:    var(--subtle-foreground);   /* inventory-panel-html.js */
  --green:            var(--success);             /* pathways.js, team-management.js */
  --intel-confirmed:  var(--success);             /* settings.css */
}