/* Mission Control — design tokens (drop-in :root layer)
   Source of truth for the 2026 UI redesign. Load BEFORE components.css. */

:root {
  /* ---- Ground (dark-only theme) ---- */
  --color-bg: #141318;          /* page background */
  --color-surface: #1e1d24;     /* inputs, raised surfaces */
  --color-text: #eceaf1;        /* primary text */
  --color-divider: color-mix(in srgb, #eceaf1 45%, transparent); /* 1-2px rules */

  /* ---- Ink accent (mono — interactive/brand, NEVER status meaning) ---- */
  --color-accent: #eceaf1;      /* primary button fill, active tab underline */
  --color-accent-strong: #ffffff;  /* hover/link-hover */
  --color-accent-muted: #a9a7b2;   /* neutral chart fill (e.g. hours/week bars) */
  --color-accent-kicker: #d4d2db;  /* uppercase kicker labels */

  /* ---- Neutral tints (fills, hovers, tracks) ---- */
  --color-tint-1: #26252c;      /* hover background, subtle fill */
  --color-tint-2: #302f37;      /* progress/bar tracks */
  --color-tint-3: #3d3c45;      /* pending/neutral bar fill, disabled-ish */
  --color-tint-4: #6b6975;      /* stronger neutral */
  --color-neutral-text: #cfcdd6;/* text on tint fills */

  /* ---- Semantic status colors (the ONLY color on screen) ----
     ok     = done / on track / active / shipped / in progress
     warn   = in queue / on hold / needs review / high risk / paused / unassigned
     danger = overdue / behind / 0 days left / destructive actions / today-marker
     info   = waiting on client / informational / support-load / due bullets
     teal   = project-hours series in charts (pairs with info) */
  --color-ok: #57d992;
  --color-warn: #f0b13f;
  --color-danger: #ff7676;
  --color-info: #6aa6ff;
  --color-teal: #35d0ba;

  /* Text colors used ON 16%-tinted tag fills (AA on dark) */
  --color-ok-text: #a7efc4;
  --color-warn-text: #ffdf9e;
  --color-danger-text: #ffbcbc;
  --color-info-text: #bcd6ff;

  /* ---- Type ---- */
  --font-heading: "Poppins", system-ui, sans-serif;  /* 500-700 only */
  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace; /* emails, domains, code-ish values */

  /* Type scale (px). Nothing below 12px anywhere. */
  --text-label: 12px;   /* uppercase kickers + column headers, 0.12em tracking */
  --text-meta: 13px;    /* timestamps, help text, captions */
  --text-body: 14px;    /* default row/body text */
  --text-emph: 15px;    /* row titles, emphasized body */
  --text-sub: 16px;     /* card/section titles (Poppins 600) */
  --text-h2: 20px;      /* tab-section headings (Poppins 600) */
  --text-h1: 30px;      /* page titles (Poppins 600) */
  --text-stat: 34px;    /* dashboard stat numbers (Poppins 600) */

  /* ---- Spacing ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ---- Shape ---- */
  --radius: 0px;             /* zero radius everywhere — intentional, do not round */
  --rule: 2px;               /* strong structural rule weight */
  --edge: 4px;               /* status edge width on list rows / callouts */

  /* ---- Layout ---- */
  --page-max: 1080px;        /* list/dashboard pages (Projects uses 1120px) */
  --page-form: 720px;        /* single-column form pages */
  --page-detail: 860px;      /* config/detail forms (Cosmo client) */
}