/*
  Pastelaria Aurora — Design tokens
  Palette source: briefing §8. Contrast-checked against WCAG 2.2 AA (see README).
  Gold (#D9A62E) fails AA as text on light backgrounds (~2.2:1) — used only as a
  background fill paired with --color-cafe or --color-green text, or as a decorative
  accent/border, never as small body text on white/cream.
*/

:root {
  /* Brand colors */
  --color-green: #173d32;
  --color-green-700: #10281f;
  --color-gold: #d9a62e;
  --color-cream: #f5ebd8;
  --color-terracota: #a7432f;
  --color-cafe: #24211d;
  --color-white: #fffdf8;

  /* Semantic roles */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-cream);
  --color-text: var(--color-cafe);
  --color-text-muted: #5a5348;
  --color-text-on-dark: var(--color-white);
  --color-brand: var(--color-green);
  --color-accent: var(--color-terracota);
  --color-highlight: var(--color-gold);
  --color-border: #e4d8bf;
  --color-border-strong: #cbb98f;
  --color-focus: #1b6fd1;
  --color-danger: #b3261e;

  /* Typography */
  --font-display: "DM Serif Display", "Iowan Old Style", "Georgia", serif;
  --font-body: "Inter", "Manrope", -apple-system, "Segoe UI", sans-serif;

  --fs-xs: clamp(0.78rem, 0.75rem + 0.15vw, 0.85rem);
  --fs-sm: clamp(0.88rem, 0.85rem + 0.15vw, 0.95rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-md: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --fs-lg: clamp(1.4rem, 1.25rem + 0.75vw, 1.9rem);
  --fs-xl: clamp(1.85rem, 1.55rem + 1.5vw, 2.75rem);
  --fs-2xl: clamp(2.3rem, 1.85rem + 2.25vw, 3.6rem);
  --fs-3xl: clamp(2.75rem, 2.1rem + 3.25vw, 4.6rem);

  --lh-tight: 1.12;
  --lh-heading: 1.2;
  --lh-body: 1.6;

  /* Spacing scale */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: 5rem;
  --space-3xl: 7rem;

  /* Layout */
  --container-max: 1280px;
  --container-wide: 1600px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --gutter: clamp(1rem, 2.5vw, 2rem);

  /* Radius & shadow */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(23, 61, 50, 0.12);
  --shadow-md: 0 8px 24px rgba(23, 61, 50, 0.14);
  --shadow-lg: 0 18px 48px rgba(23, 61, 50, 0.18);

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast: 150ms;
  --dur-med: 260ms;
  --dur-slow: 420ms;

  /* Header (sized to contain the header logo at its current display size) */
  --header-h: 106px;
  --header-h-scrolled: 84px;

  color-scheme: light;
}

@media (min-width: 64rem) {
  :root {
    --header-h: 129px;
    --header-h-scrolled: 95px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med: 0ms;
    --dur-slow: 0ms;
  }
}