:root {
  /* Mockup-aligned palette */
  --color-canvas: #f9f7f2;
  --color-paper: #f8f3ed;
  --color-walnut: #8a735c;
  --color-charcoal: #3c3835;
  --color-bronze: #b59a7d;
  --color-tan: #c5b39d;
  --color-ink: #2a2623;

  --color-stone: #c8bfb3;
  --color-sage: #7d8275;

  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "Outfit", "Helvetica Neue", sans-serif;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --content-pad: clamp(1.25rem, 4vw, 4.5rem);
  --content-max: 92rem;

  --type-display-xl: clamp(2.75rem, 7vw, 5.5rem);
  --type-statement: clamp(1.15rem, 2vw, 1.5rem);
  --type-label: 0.6875rem;
}