/*
 * theme.css — Nudge design tokens ("2b" dark-navy theme)
 * =====================================================================
 * The single source of truth for the Manager web app's visual language,
 * consumed by web.css via var(). PROVENANCE: extracted from the approved
 * wireframe variant "2b" (dark navy chrome, orange gradient, icon-forward).
 *
 * NOTE ON DUPLICATION: an identical token sheet lives at
 * `extension/theme.css` (the Rep side panel). They are deliberately kept in
 * sync by hand for now — the extension and the backend serve static assets
 * from different roots, and the extension's is parked on the design branch.
 * If these diverge, reconcile to one shared source. See ADR-0007.
 *
 * Two layers: (1) PRIMITIVES (--c-*), the only place a hex literal lives;
 * (2) SEMANTIC tokens, what a colour *means*. Consumers use layer 2 only.
 */

:root {
  /* ---- Layer 1 — primitives ---------------------------------------- */

  /* Navy surface scale: deepest → raised. --c-navy-950 is the sidebar chrome,
   * one notch darker than the page so the rail reads as a distinct plane
   * (matches the dashboard mock's #0e1015 rail). */
  --c-navy-950: #0e1015;
  --c-navy-900: #12151c;
  --c-navy-800: #1b1f28;
  --c-navy-700: #2b3140;
  --c-navy-650: #262b36;
  --c-navy-600: #3a4152;
  --c-navy-550: #3a3020;

  /* Ink scale: primary → muted. --c-ink-600 is the faintest step, used for
   * disabled nav items and the dimmest labels in the dashboard rail. */
  --c-ink-100: #eceef2;
  --c-ink-200: #c7cbd4;
  --c-ink-300: #9aa2b1;
  --c-ink-400: #8b93a3;
  --c-ink-500: #6d7484;
  --c-ink-600: #4d5262;

  /* Brand orange (from the logo). */
  --c-orange-light: #ff9a4d;
  --c-orange-deep: #e8541f;
  --c-orange-accent: #ff8a3d;

  /* AI/Discovery blue channel. */
  --c-blue-500: #2a6fdb;
  --c-blue-text: #dce6f7;
  --c-blue-wash: rgba(42, 111, 219, 0.14);

  /* Outcome colours. */
  --c-green-500: #16a34a;
  --c-red-500: #c93a3a;

  --c-white: #ffffff;

  /* ---- Layer 2 — semantic tokens ----------------------------------- */

  /* Surfaces */
  --surface-page: var(--c-navy-900);
  --surface-card: var(--c-navy-900);
  --surface-raised: var(--c-navy-800);
  --surface-inset: var(--c-navy-900);
  --surface-sidebar: var(--c-navy-950); /* the dashboard's left rail */

  /* Text */
  --text-primary: var(--c-ink-100);
  --text-secondary: var(--c-ink-200);
  --text-muted: var(--c-ink-500);
  --text-label: var(--c-ink-400);
  --text-faint: var(--c-ink-600); /* disabled / dimmest labels */

  /* Borders */
  --border-card: var(--c-navy-650);
  --border-panel: var(--c-navy-700);
  --border-input: var(--c-navy-600);

  /* Brand / primary action (ORANGE = "act here"). */
  --brand-accent: var(--c-orange-accent);
  --brand-gradient: linear-gradient(135deg, var(--c-orange-light), var(--c-orange-deep));
  --on-brand: var(--c-navy-900);
  --brand-glow: 0 8px 20px rgba(232, 84, 31, 0.35);

  /* AI/Discovery channel (BLUE). Unused on the manager surface today, kept for
   * parity with the side panel. */
  --ai-accent: var(--c-blue-500);

  /* Outcomes / feedback */
  --outcome-qualified: var(--c-green-500);
  --outcome-not-fit: var(--c-red-500);

  /* Radii */
  --radius-card: 22px;
  --radius-panel: 14px;
  --radius-field: 12px;
  --radius-input: 10px;
  --radius-pill: 999px;

  /* Spacing */
  --space-card: 18px;
  --space-panel: 12px;
  --space-gap: 14px;

  /* Elevation */
  --shadow-card: 0 20px 50px rgba(0, 0, 0, 0.4);

  /* Typography */
  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --text-size-heading: 16px;
  --text-size-body: 13px;
  --text-size-label: 11px;
  --weight-eyebrow: 600;
  --weight-heading: 800;
  --weight-action: 700;
  --tracking-label: 0.03em;
  --tracking-heading: -0.01em;
}