:root {
  /* ── Colors ─────────────────────────────── */
  --color-bg-base:        #09101C;
  --color-bg-surface:     #131E2E;
  --color-bg-card:        #1A2740;
  --color-gold:           #BE9558;
  --color-gold-hover:     #D4AD72;
  --color-text-primary:   #FAEFD9;
  --color-text-secondary: #8A9BB0;
  --color-border:         #1C2A3E;
  --color-border-hover:   #2A3F5C;

  /* ── Derived / Alpha ─────────────────────── */
  --color-gold-subtle:    rgba(190, 149, 88, 0.08);
  --color-gold-border:    rgba(190, 149, 88, 0.20);
  --color-bg-nav:         rgba(9, 16, 28, 0.92);

  /* ── Typography ──────────────────────────── */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Radii ───────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* ── Transitions ─────────────────────────── */
  --transition: 0.2s ease;
}