/* tokens.css — Golden Crumb Bakery: butter yellow + dark brown, warm · playful · classic */
:root {
  --bg: #FFFDF9;
  --bg-alt: #F7F3EC;
  --surface: #FFFFFF;
  --ink: #221B16;
  --ink-muted: #6B625A;
  --line: #E8E2D8;
  --brand: #221B16;
  --brand-deep: #14100D;
  --on-brand: #FFFDF9;
  --butter: #F5D97A;
  --butter-deep: #EBC95A;
  --accent: #221B16;          /* CTA on cream = dark brown */
  --accent-hover: #000000;
  --on-accent: #FFFDF9;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-0: clamp(1.02rem, 0.98rem + 0.2vw, 1.12rem);
  --fs-1: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --fs-2: clamp(1.4rem, 1.2rem + 0.9vw, 1.85rem);
  --fs-3: clamp(2rem, 1.5rem + 2vw, 3rem);
  --fs-4: clamp(2.6rem, 1.7rem + 4.6vw, 4.8rem);
  --lh-body: 1.6;
  --lh-head: 1.05;
  --track-label: 0.1em;

  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 18px 44px rgba(34, 27, 22, 0.14);
  --shadow-sm: 0 3px 10px rgba(34, 27, 22, 0.07);

  --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem; --space-5: 4rem;
  --section-y: clamp(3.5rem, 7vw, 6.5rem);
  --measure: 58ch;
  --container: 1120px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 220ms;
}