/*
 * Editorial design tokens — sourced from
 * .planning/design/base-handoff/project/base/tokens.js
 * (BASE_DIRECTIONS.editorial).
 *
 * Single source of truth for editorial colors, fonts, radii, spacing,
 * borders, and shadows. Consumed by base.css (Plan 02) and every
 * redesigned surface from Phase 27 onward via var(--token).
 *
 * Any drift from tokens.js is a fidelity bug. Do not invent values.
 */

:root {
  /* Surfaces — cream canvas + navy dark surfaces */
  --bg: #F5EBD7;
  --bg-elev: #FFFCF5;
  --bg-panel: #EADFC4;
  --bg-dark: #03233F;
  --bg-dark-elev: #0A3657;

  /* Ink — primary/secondary/tertiary text + on-dark text */
  --ink: #03233F;
  --ink-muted: #3E556F;
  --ink-faint: #7B8AA0;
  --ink-on-dark: #F5EBD7;

  /* Accent — rust-red editorial accent (also editorial negative) */
  --accent: #A62C2C;
  --accent-deep: #7A1E1E;

  /* Status — semantic health colors */
  --positive: #2A6E4E;
  --watch: #B8881A;
  --negative: #A62C2C;

  /* Borders — hairline rules */
  --hairline: #DDCFAF;
  --hairline-strong: #B8A880;
  --card-border: 1px solid var(--hairline);
  --card-border-strong: 1px solid var(--hairline-strong);

  /* Typography — display/UI/mono stacks */
  --font-display: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --font-ui: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --display-weight: 600;

  /* Radius — locked editorial scale (4 default, 8 optional, 999 pill) */
  --radius-card: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* Spacing — 4px base scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Shadow — editorial uses minimal elevation; hairline-as-shadow preferred */
  --shadow-sm: 0 1px 2px rgba(3, 35, 63, 0.06);
  --shadow-card: 0 1px 0 var(--hairline);
}