/* local-redesign-v2/css/tokens.css */
:root {
  /* Brand colors — reused as-is from local-redesign/site/css/redesign-overlay.css */
  --jem-navy: #1b3a5c;
  --jem-navy-deep: #142c45;
  --jem-purple: #7b4b94;
  --jem-purple-soft: #9b6bb0;
  --jem-teal: #2da89b;
  --jem-teal-soft: #3ebfb0;
  --jem-pink: #d9568a;
  --jem-green: #52b788;
  --jem-green-soft: #6ecf9e;
  --jem-gold: #c9956b;
  --jem-sun: #f4c542;
  --jem-sun-dark: #d4a82e;
  --jem-cream: #fff9f2;
  --jem-lavender: #f5eff8;
  --jem-mint: #edf7f4;
  --jem-surface: #ffffff;
  --jem-muted: #4a5c6e;
  --jem-border: #e4e9ef;
  --jem-font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --jem-display: 'Fraunces', Georgia, serif;
  --jem-shadow: 0 8px 32px rgb(27 58 92 / 7%);
  --jem-shadow-hover: 0 16px 44px rgb(123 75 148 / 14%);
  --jem-gradient-warm: linear-gradient(135deg, var(--jem-sun) 0%, var(--jem-gold) 100%);

  /* Spacing scale (8pt grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* Typography scale */
  --type-h1-size: 56px;
  --type-h1-line: 1.1;
  --type-h2-size: 40px;
  --type-h2-line: 1.15;
  --type-h3-size: 28px;
  --type-h3-line: 1.3;
  --type-body-size: 18px;
  --type-body-line: 1.6;
  --type-small-size: 15px;
  --type-small-line: 1.5;

  --container-max: 1200px;
  --radius: 1rem;
  --radius-lg: 1.25rem;
}