/* Ops console — design tokens (B1.2, design-gate #9).
   Funnel9 palette reused EXACTLY (Josh, round-2): the deep navy + deep-blue + bright-accent blues
   pulled straight from Core.Web.SharedStaticAssets/css (ux-common .blue1/.blue2/.blue5, settings.css).
   On sign-off these ship verbatim as Core.Web.Ops/wwwroot/css/tokens.css. */
:root {
  /* ---- Funnel9 blues (exact) ---- */
  --navy:        #1a2a3f;   /* F9 .blue2 — rail / darkest surface (white text) */
  --blue-deep:   #00337e;   /* F9 — primary action, section headers (the "deeper" blue) */
  --blue-deep-2: #00377e;   /* F9 .blue5 — deep variant: borders, accents */
  --blue:        #00aeef;   /* F9 .blue1 — bright accent: links, active nav, icons, focus */
  --blue-2:      #00aaef;   /* F9 — accent twin (hover/gradient) */
  --blue-tint:   #eaf7fe;   /* faint #00aeef wash — row hover / soft fills */

  /* ---- Neutrals (F9 #fff/#eee/#ccc/#666 family) ---- */
  --bg:        #f4f6f9;
  --surface:   #ffffff;
  --line:      #e6e9ee;
  --line-soft: #eef1f5;
  --ink-900:   #1a2a3f;   /* headings = F9 navy */
  --ink-700:   #384554;
  --ink-500:   #6b7785;
  --ink-400:   #9aa4b1;
  --on-navy:     rgba(255,255,255,.82);  /* text on the rail */
  --on-navy-mut: rgba(255,255,255,.50);

  /* ---- Semantic (F9 reds/yellows; green for in-sync) ---- */
  --ok:     #1f9d57;  --ok-bg:     #e3f5ea;
  --warn:   #c99a2e;  --warn-bg:   #fcf3da;
  --danger: #cf1124;  --danger-bg: #fde8ea;

  /* ---- Geometry + type ---- */
  --r-sm: 5px; --r: 7px; --r-lg: 11px; --r-pill: 999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --shadow-sm: 0 1px 2px rgba(26,42,63,.06), 0 1px 2px rgba(26,42,63,.10);
  --shadow:    0 8px 24px rgba(26,42,63,.14);
  --rail-w: 244px;

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}