:root {
  /* Colour - warm, human, timeless */
  --ink: #2A211C;       /* warm espresso, primary text */
  --ink-soft: #574A40;  /* softer brown text */
  --oat: #ECE4D7;       /* warm background */
  --oat-deep: #E3D8C7;  /* deeper warm surface */
  --cream: #F7F2EA;     /* lightest cream, cards */
  --stone: #978876;     /* warm grey-brown, secondary text */
  --line: #D8CBB8;      /* hairline on light */
  --wine: #7F3E47;      /* mulberry accent */
  --wine-deep: #6A3139; /* mulberry hover */
  --gold: #C2974C;      /* warm gold, review stars only */

  /* Typography */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;

  /* Fluid type scale */
  --step--1: clamp(0.8rem, 0.76rem + 0.2vw, 0.9rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2:  clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3:  clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-4:  clamp(2.6rem, 2rem + 3.2vw, 4.6rem);

  /* Spacing */
  --space-xs: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
  --space-s:  clamp(0.75rem, 0.6rem + 0.75vw, 1.1rem);
  --space-m:  clamp(1.2rem, 1rem + 1vw, 1.8rem);
  --space-l:  clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --space-xl: clamp(3rem, 2.2rem + 4vw, 6rem);

  /* Layout */
  --container: 1320px;
  --gutter: clamp(1.2rem, 0.8rem + 3vw, 3rem);
  --header-h: 72px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 1024px) {
  :root { --header-h: 96px; }
}