:root {
  /* Colors */
  --color-bg:           #0f0f0f;
  --color-surface:      #1a1a1a;
  --color-surface-alt:  #222222;
  --color-border:       #2e2e2e;
  --color-text-primary: #f0ece4;
  --color-text-muted:   #9a9080;
  --color-accent:       #c8a96e;
  --color-accent-dim:   rgba(200, 169, 110, 0.15);
  --color-overlay:      rgba(0, 0, 0, 0.6);

  /* Typography */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  /* Spacing scale */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   2rem;
  --space-lg:   4rem;
  --space-xl:   7rem;

  /* Layout */
  --container-max: 1200px;
  --container-pad: clamp(1.25rem, 5vw, 3rem);

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;

  /* Transitions */
  --transition-fast:   0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-normal: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow:   0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Nav height */
  --nav-height: 72px;
}