/* phase1.css — design system Phase 1: the old token names now resolve to the new semantic roles.
   This is the app-wide colour change. Loaded after legacy.css and before base.css; nothing else changes.
   Reverting is removing the <link> in index.html. When a module migrates (Phase 2) it stops using the
   old names altogether; when the last use is gone, the line here and in legacy.css both go. */
:root {
  /* the two heavy ones: secondary text (410 uses) and field labels / tag text (238 uses) */
  --text-secondary: var(--muted-foreground);      /* #7E97A8 → #8DA3B2 */
  --grey-400:       var(--subtle-foreground);     /* #8A939C → #9098A1 */

  /* the retired deep blue: interface uses take the one interface blue, status uses take info */
  --blue:           var(--blue-muted);            /* #004BB6 → #80BFFF */
  --blue-hover:     var(--blue-muted);
  --blue-light:     var(--info);                  /* #4A9BF0 → #4A9BF0 (same value, right name) */
  --blue-10:        color-mix(in srgb, var(--info) 12%, transparent);
  --blue-15:        color-mix(in srgb, var(--info) 18%, transparent);

  /* view accents collapse to the single selected-state wash */
  --view-demand:    var(--accent);
  --view-inventory: var(--accent);

  /* type: the system's stacks (mono only carries identifiers now, so the visible shift is small) */
  --font-mono:      "Fira Code", "SF Mono", Consolas, monospace;
  --font-display:   var(--font-primary);          /* the wordmark face is for the wordmark only */
}