:root {
  /* ── Colors ── */
  --color-bg:               #150d00;
  --color-gold:             #d5993e;
  --color-gold-border:      #c98724;
  --color-white:            #ffffff;
  --color-text-muted:       rgba(255, 255, 255, 0.70);
  --color-text-very-muted:  rgba(255, 255, 255, 0.54);
  --color-text-quote:       rgba(255, 255, 255, 0.80);

  /* ── Fonts (exact Figma fonts via Fontshare + Google) ── */
  --font-display: 'Excon', sans-serif;           /* hero headline */
  --font-nav:     'Neue Montreal', sans-serif;   /* nav links */
  --font-ui:      'Epilogue', sans-serif;        /* buttons */
  --font-body:    'Inter', sans-serif;           /* everything else */

  /* ── Shadows ── */
  --shadow-cta:       0px 2px 8.5px 0px rgba(213, 153, 62, 0.25);
  --shadow-cta-inset: inset 0px 0px 11.1px 0px rgba(69, 43, 5, 0.80);
  --shadow-dot:
    0px 0px  55px 0px rgba(213, 153, 62, 0.40),
    0px 0px 110px 0px rgba(213, 153, 62, 0.15),
    0px 0px 180px 0px rgba(213, 153, 62, 0.06);
}