/* Brand tokens — pasted verbatim from docs/style-guide.md §3. */
:root {
  --color-bg: #F5EFE6;
  --color-surface: #EAE1D4;
  --color-primary: #A84B30;
  --color-accent: #8DA394;
  --color-accent-strong: #56705F;
  --color-on-primary: #FFFFFF;
  --color-on-dark: #F5EFE6;
  --text-heading: #1F2A26;
  --text-body: #1F2A26;
  --text-muted: #55605B;
  --color-border: #D6CBBB;
  --color-link: #8E3D25;
  --color-link-hover: #A84B30;
  --color-focus: #2F5D8A;
  --color-success: #2E6B45;
  --color-error: #B3261E;
  --color-warning: #8A5A00;
  --color-info: #2F5D8A;

  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", "Segoe UI", system-ui, sans-serif;
}

/* Motion tokens — pasted verbatim from docs/art-direction.md §9 (Direction B, "precise"). */
:root {
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur-base: 450ms;
  --dur-reveal: 550ms;
  --stagger: 60ms;
}