:root {
  color-scheme: dark;
  --bg-charcoal: #1d1814;
  --bg-smoke-brown: #3a312a;
  --cream: #f4eee4;
  --soft-ivory: #e8ddcb;
  --golden-beige: #ccb59a;
  --gentle-amber: #b98a56;
  --dusk-blue: #61707c;
  --reed-olive: #6e725d;
  --glass-fill: rgba(244, 238, 228, 0.08);
  --glass-border: rgba(255, 245, 230, 0.18);
  --overlay-left: rgba(29, 24, 20, 0.62);
  --overlay-mid: rgba(29, 24, 20, 0.34);
  --radius-soft: 18px;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Manrope', 'Avenir Next', 'Segoe UI', sans-serif;
  --shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.18);
  --ease-cinematic: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-slow: cubic-bezier(0.2, 0.7, 0.2, 1);
}