:root {
  --color-bg: #0a0a09;
  --color-surface: #12110f;
  --color-surface-soft: #171613;
  --color-text: #efe7da;
  --color-muted: #9d968c;
  --color-faint: #68635c;
  --color-accent: #5e7b74;
  --color-accent-warm: #8d5f4a;
  --color-line: rgba(239, 231, 218, .13);
  --color-line-strong: rgba(239, 231, 218, .28);
  --color-overlay: rgba(6, 6, 5, .94);

  --font-display: "Cormorant Garamond", Garamond, Georgia, serif;
  --font-ui: "Inter", Helvetica, Arial, sans-serif;

  --content-wide: 1480px;
  --content-narrow: 900px;
  --gutter: clamp(20px, 4vw, 64px);

  --space-1: .5rem;
  --space-2: .875rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3.25rem;
  --space-6: 5rem;
  --space-7: clamp(7rem, 12vw, 12rem);

  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --duration-slow: 650ms;
  --duration-cinematic: 900ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-soft: cubic-bezier(.22, .61, .36, 1);
}