:root {
  /* Colors */
  --bg-primary:    #0A0A0B;
  --bg-surface:    #111114;
  --bg-elevated:   #181819;
  --accent-gold:       #C8A96E;
  --accent-gold-light: #E8C98E;
  --accent-gold-dim:   rgba(200,169,110,0.55);
  --accent-warm:   #8B6F4E;
  --text-primary:  #F0EDE8;
  --text-secondary:#9A9690;
  --text-muted:    #5A5550;
  --border-subtle: rgba(200,169,110,0.12);
  --border-mid:    rgba(200,169,110,0.24);
  --glow-gold:         rgba(200,169,110,0.08);
  --glow-gold-strong:  rgba(200,169,110,0.18);
  --wa-green:      #25D366;

  /* Typography */
  --font-display:   'Barlow Condensed', sans-serif;
  --font-editorial: 'Barlow Condensed', sans-serif;
  --font-body:      'Barlow', sans-serif;

  /* Layout */
  --nav-h:       72px;
  --max-w:       1280px;
  --pad:         clamp(20px, 5vw, 64px);
  --section-py:  clamp(80px, 10vw, 140px);

  /* Radii — sharp, architectural */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;

  /* Shadows */
  --sh-sm: 0 2px 16px rgba(0,0,0,0.5);
  --sh-md: 0 8px 40px rgba(0,0,0,0.65);
  --sh-lg: 0 20px 80px rgba(0,0,0,0.8);
  --glow-sm: 0 0 28px rgba(200,169,110,0.22);
  --glow-md: 0 0 56px rgba(200,169,110,0.15);

  /* Easing */
  --ease-smooth:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);

  /* Durations */
  --dur-fast:   180ms;
  --dur-normal: 380ms;
  --dur-slow:   680ms;
  --dur-slower: 1000ms;
}