/* Design tokens — PRD-site.md §8. Source of truth; do not duplicate values elsewhere. */

:root {
  /* Color */
  --paper:        #FBF7F0;  /* warm off-white page base */
  --paper-sunk:   #F3EDE3;  /* cards, table stripes */
  --ink:          #2A211C;  /* near-black brown, body text */
  --ink-soft:     #6B5D54;  /* secondary text */
  --accent:       #F2683C;  /* warm coral — primary brand */
  --accent-deep:  #C4471F;  /* hover/active, accessible on paper */
  --accent-wash:  #FDE8DF;  /* tinted backgrounds */
  --mustard:      #E8B23A;  /* secondary accent, use sparingly */
  --line:         #E0D6C8;
  --success:      #4A7C59;
  --danger:       #B3392B;

  /* Type */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:    'Source Serif 4', Georgia, serif;
  --font-ui:      'Inter', system-ui, sans-serif;

  /* Scale — fluid */
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0:  clamp(1.05rem, 1rem + 0.25vw, 1.15rem);
  --step-1:  clamp(1.3rem, 1.2rem + 0.5vw, 1.55rem);
  --step-2:  clamp(1.7rem, 1.5rem + 1vw, 2.2rem);
  --step-3:  clamp(2.2rem, 1.8rem + 2vw, 3.2rem);
  --step-4:  clamp(2.8rem, 2rem + 3.5vw, 4.5rem);

  /* Space — 4px base */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-6: 1.5rem;  --s-8: 2rem;   --s-12: 3rem;   --s-16: 4rem; --s-24: 6rem;

  /* Radius */
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-pill: 999px;

  --measure: 68ch;
}