:root {
  /* Colours */
  --c-night: #0f1320;
  --c-dusk: #1c2a45;
  --c-moon: #f8f5ee;
  --c-parchment: #ece7da;
  --c-menu-bg: #bc9b52d0;
  --c-menu-bg-opaque: #bc9b52;
  --c-gold: #c6a253;
  --c-gold-light: #ddb96d;
  --c-ink: #1e1e2e;
  --c-body: #3b3b50;
  --c-muted: #808096;
  --c-lilac: #9888b8;
  --c-rule: rgba(30, 30, 46, 0.09);
  --c-autumn: rgba(76, 44, 36, 1);


  /* Typography */
  --f-display: 'Glory', Georgia, serif;
  --f-body: 'Piazzola', system-ui, -apple-system, sans-serif;
  --f-fancy: 'Cormorant Upright', Georgia, serif;

  /* Fluid type scale */
  --ts-xs: clamp(0.75rem, 1.4vw, 0.8125rem);
  --ts-sm: clamp(0.875rem, 1.8vw, 1rem);
  --ts-base: clamp(1rem, 2vw, 1.125rem);
  --ts-lg: clamp(1.15rem, 2.5vw, 1.375rem);
  --ts-xl: clamp(1.5rem, 3.5vw, 2rem);
  --ts-2xl: clamp(2rem, 5vw, 3rem);
  --ts-3xl: clamp(2.5rem, 7vw, 4.25rem);

  /* Spacing */
  --sp-xs: 0.5rem;
  --sp-sm: 1rem;
  --sp-md: 1.5rem;
  --sp-lg: 2.5rem;
  --sp-xl: 4rem;
  --sp-2xl: 6rem;

  /* Layout */
  --max-w: 740px;
  --max-w-wide: 1160px;
  --header-h: 70px;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-3: cubic-bezier(.25, 0, .3, 1);
  --dur: 0.25s;
}