/* Scopri v2 color system — 1 primary, 1 neutral ramp, 4 semantic statuses.
   Source of truth: src/components/v2/ui/tokens.ts + the Design System Audit.
   Purple / orange / rose were archived in v2 and are intentionally absent. */
:root {
  /* ── Primary (one action color; hover = mid-blue) ── */
  --color-primary: #004E89;        /* navy — all actions, links, active states */
  --color-primary-hover: #4E84BD;  /* mid-blue — hover / pressed state of primary */
  --color-primary-foreground: #FFFFFF;

  /* ── Neutral ramp (carries ~90% of the UI) ── */
  --color-text: #111827;           /* ink — primary text */
  --color-muted: #667085;          /* secondary text, metadata, icons */
  --color-border: #D7DDE8;         /* hairlines, dividers, input borders */
  --color-surface: #FFFFFF;        /* cards, popovers, sheets */
  --color-surface-muted: #F6F8FB;  /* subtle fills, hover backgrounds, toolbars */
  --color-canvas: #F2F4F8;         /* app page background (behind cards) */

  /* ── Semantic statuses (text + surface pairs) ── */
  --color-success: #16803C;        /* STRONG coverage, positive, completed */
  --color-success-surface: #EAF7EE;
  --color-warning: #B7791F;        /* PARTIAL coverage, caution */
  --color-warning-surface: #FFF4D8;
  --color-danger: #B42318;         /* NONE coverage, errors, destructive */
  --color-danger-hover: #9A1C12;
  --color-danger-surface: #FDECEC;
  --color-info: #1D5FA7;           /* hints, beta tags, neutral accents */
  --color-info-surface: #EAF2FB;

  /* ── Focus ring ── */
  --color-ring: #004E89;

  /* ── Semantic aliases ── */
  --text-body: var(--color-text);
  --text-secondary: var(--color-muted);
  --surface-card: var(--color-surface);
  --surface-page: var(--color-canvas);
  --border-hairline: var(--color-border);
}