:root {
  /* Palette: limewash ground, iron ink, laurel accent. Warmth arrives via imagery only. */
  --limewash: #edebe6;
  --limewash-deep: #e4e1da;
  --plaster: #f4f2ee;
  --iron: #1b1b19;
  --iron-soft: #4c4b47;
  --laurel: #3e4a3a;
  --laurel-bright: #55654f;
  --hairline: rgba(27, 27, 25, 0.14);

  /* Type */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-sans: 'Satoshi', 'Helvetica Neue', Arial, sans-serif;

  /* Fluid type scale */
  --text-hero: clamp(2.6rem, 7.2vw, 6.4rem);
  --text-h2: clamp(2rem, 4.6vw, 3.9rem);
  --text-h3: clamp(1.35rem, 2.4vw, 1.9rem);
  --text-body: clamp(1rem, 1.15vw, 1.125rem);
  --text-small: 0.875rem;
  --text-micro: 0.8125rem;

  /* Rhythm */
  --space-section: clamp(7rem, 16vh, 12rem);
  --space-lg: clamp(3rem, 6vw, 5rem);
  --space-md: clamp(1.5rem, 3vw, 2.5rem);
  --space-sm: 1rem;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --measure: 34em;

  /* Day clock: JS rides these from dawn to dusk with scroll.
     The resting values below are mid morning, for no-JS and reduced motion. */
  --day-ground: #f1efe9;
  --day-glow: #ffd9a6;
  --day-veil: #ffe3bc;
  --day-veil-a: 0.04;
  --day-shadow-x: 12px;
  --day-shadow-a: 0.1;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-slow: 1.1s;
  --dur-med: 0.7s;

  /* Layers */
  --z-nav: 40;
  --z-skip: 50;
}