:root {
  /* Palette — from Claude Design */
  --color-midnight:   #0E1A2B;
  --color-champagne:  #C9A86A;
  --color-ivory:      #F4EFE6;
  --color-graphite:   #1F2937;

  /* Semantic aliases */
  --color-bg:         var(--color-midnight);
  --color-surface:    var(--color-graphite);
  --color-primary:    var(--color-champagne);
  --color-text:       var(--color-ivory);
  --color-muted:      #6B7B8D;
  --color-border:     rgba(201, 168, 106, 0.15);

  /* Typography */
  --font-heading:     'Fraunces', 'Cormorant', Georgia, serif;
  --font-body:        'Manrope', 'Inter', system-ui, sans-serif;

  /* Wordmark */
  --wordmark-weight:   600;
  --wordmark-tracking: -0.035em;
  --tagline-weight:    500;
  --tagline-tracking:  0.42em;

  /* Scale */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.5rem;
  --text-5xl:  3.5rem;
  --text-hero: clamp(3rem, 8vw, 6rem);

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* Layout */
  --max-width:      1200px;
  --nav-height:     72px;
  --border-radius:  6px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 0.3s;
}