/*
 * Design tokens — "Ledger" direction, approved 2026-09-13 (Phase 3.5 design pass).
 *
 * Warm paper and ink, not SaaS-gradient blue. Serif headings, monospace tabular numbers,
 * hairline receipt-style rules, near-square corners. Color is reserved for the number that
 * matters and for the confidence mark; everything else — including the primary button — stays
 * ink-on-paper. See docs/plans/2026-09-13-feat-payrolldecision-foundation-plan.md (Phase 3.5)
 * and the design canvas it produced for the full rationale and the two alternatives not chosen.
 */
:root {
  /* Ink and paper, not SaaS-gradient blue */
  --color-bg: #fbfaf7;
  --color-surface: #ffffff;
  --color-surface-alt: #f3f1ea;
  --color-border: #d8d3c4;
  --color-border-strong: #b8b09a;
  --color-ink: #1b1a17;
  --color-ink-soft: #4a473e;
  /* WCAG AA (4.5:1) against every surface this token is used on: white, --color-bg and
     --color-surface-alt. Verified 2026-09-13; re-check if any of those three change. */
  --color-ink-faint: #5c594d;

  /* One accent, reserved for the number that matters */
  --color-accent: #1f5c4a;
  --color-accent-ink: #ffffff;
  --color-accent-soft: #e4efe9;

  --color-warn: #8a5a12;
  --color-warn-bg: #faf1de;
  --color-bad: #8a2a2a;
  --color-bad-bg: #f8e9e7;
  --color-link: #1f5c4a;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Near-square throughout — cards, inputs and buttons all use this. Pills (the pricing-model
     badge, "Quote only" chips) are the one deliberate exception and use 999px directly. */
  --radius-sm: 2px;
  --radius-md: 2px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --max-content: 40rem;
  --max-wide: 72rem;
}