:root {
  /* Colour system */
  --bg: #f7f5f0;
  --bg-soft: #fbfaf7;
  --surface: #ffffff;
  --text: #111111;
  --text-muted: #625e57;
  --line: rgba(17, 17, 17, 0.14);
  --line-soft: rgba(17, 17, 17, 0.08);
  --warm: #b7a58f;
  --warm-light: #ddd1c2;
  --button-dark: #111111;
  --button-light: #ffffff;

  /* Dark section (used sparingly, e.g. footer accent / final CTA overlay) */
  --ink: #1b1815;
  --ink-soft: #2a2622;

  /* Typography */
  --font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Fluid type scale */
  --fs-hero: clamp(3rem, 13vw, 4.8rem);
  --fs-heading: clamp(2.8rem, 4.8vw, 5.2rem);
  --fs-body: 1.0625rem;
  --fs-label: 0.74rem;

  /* Spacing rhythm */
  --space-section: clamp(5rem, 10vw, 9rem);
  --space-gutter: clamp(1.5rem, 5vw, 4rem);
  --container-max: 1440px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
}

@media (min-width: 900px) {
  :root {
    /* Kept shorter than the initial editorial suggestion (7.8rem) so the
       primary CTA still fits within the viewport on common desktop
       heights without scrolling. */
    --fs-hero: clamp(3.4rem, 4.6vw, 5.6rem);
  }
}