/**
 * Theme tokens for Forgot the Nails.
 * Change colors, fonts, spacing, radii, and layout widths here only.
 * Component rules live in styles.css and must use these variables.
 */
:root {
  /* Colors */
  --bg: #f6f3ec;
  --ink: #1b1916;
  --muted: #655f56;
  --line: #e4ddd0;
  --card: #fffdf9;
  --accent: #0c6b52;
  --accent-ink: #ffffff;
  --danger: #8c2f2f;
  --soft: #eef6f2;
  --surface: #ffffff;
  --on-ink: #ffffff;
  --print-bg: #ffffff;

  /* Typography */
  --font-sans: "Segoe UI", system-ui, sans-serif;
  --line-height: 1.5;
  --font-size-body: 1rem;
  --font-size-brand: 1.2rem;
  --font-size-tag: 0.86rem;
  --font-size-h1: 2rem;
  --font-size-h1-mobile: 1.6rem;
  --font-size-h2: 0.78rem;
  --font-size-h2-plain: 1.15rem;
  --font-size-small: 0.92rem;
  --font-size-tiny: 0.8rem;
  --font-size-equiv: 0.88rem;
  --font-size-or: 0.85rem;
  --font-size-th: 0.75rem;
  --font-size-summary: 1.15rem;
  --font-size-project: 1.02rem;
  --letter-tight: -0.02em;
  --letter-tighter: -0.03em;
  --letter-wide: 0.08em;
  --letter-label: 0.06em;

  /* Spacing */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 22px;
  --space-10: 24px;
  --space-11: 32px;
  --space-12: 72px;

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

  /* Layout */
  --main-max: 1040px;
  --lead-max: 42rem;
  --auth-max: 440px;
  --grid-min: 200px;
  --summary-min: 120px;
  --header-offset: 92px;
  --project-min-height: 72px;
  --google-slot-min: 44px;
  --focus-width: 2px;
}