:root {
  --color-cream: #eee9dc;
  --color-cream-soft: #f7f4eb;
  --color-ivory: #fbfaf5;
  --color-paper: #e4dece;
  --color-olive: #4d573b;
  --color-olive-soft: #70785b;
  --color-olive-deep: #303728;
  --color-moss: #65704e;
  --color-charcoal: #24251f;
  --color-muted: #85847b;
  --color-gold: #b39a66;
  --color-line: rgba(62, 70, 47, 0.22);
  --color-line-light: rgba(255, 255, 255, 0.26);
  --color-glass: rgba(241, 237, 225, 0.72);
  --color-glass-dark: rgba(37, 41, 31, 0.62);

  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'DM Sans', Arial, Helvetica, sans-serif;

  --page-max-width: 720px;
  --page-padding: clamp(22px, 6vw, 44px);
  --section-gap: clamp(76px, 16vw, 122px);

  --radius-small: 12px;
  --radius-medium: 22px;
  --radius-large: 34px;
  --radius-pill: 999px;

  --shadow-soft: 0 22px 60px rgba(23, 27, 18, 0.14);
  --shadow-shell: 0 0 90px rgba(13, 16, 10, 0.34);

  --transition-fast: 180ms ease;
  --transition-medium: 360ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 720ms cubic-bezier(0.22, 1, 0.36, 1);
}