:root {
  /* Palette taken from the printed VINO menu */
  --night: #1e0a12; /* page ground, hero */
  --wine: #4a1028; /* textured wine bands */
  --cellar: #2e0f1c; /* raised panels: form, mobile menu */
  --cellar-line: #5c2a40; /* hairlines on dark */
  --ochre: #d6a243; /* buttons, accent lines, ochre bands */
  --ochre-hover: #e4b660;
  --cream: #f5eddb; /* paper bands */
  --ink: #2a1520; /* text on cream and ochre */
  --ink-muted: #6b5560;
  --paper: #f5eddb; /* text on dark */
  --muted: #c9aeb9;
  --rose: #e0679b; /* links and focus on dark */
  --vino: #990066; /* logo colour */
  --plum: #50052a; /* menu category bar */
  --danger: #ff8a9a;

  --font-display: 'Young Serif', Georgia, 'Times New Roman', serif;
  --font-body: 'Hanken Grotesk Variable', 'Helvetica Neue', Arial, sans-serif;
  --font-accent: 'Amatic SC', 'Segoe Print', cursive;

  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.375rem;
  --step-2: 1.875rem;
  --step-3: clamp(2.25rem, 4.5vw, 3.5rem);
  --step-hero: clamp(2.75rem, 7.5vw, 6.25rem);

  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.5rem;
  --space-xl: 4rem;
  --space-section: clamp(4.5rem, 10vw, 8rem);

  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 80rem;
  --header-h: 4.5rem;
  --radius: 6px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}