/* ─────────────────────────────────────────────
       CSS CUSTOM PROPERTIES
    ───────────────────────────────────────────── */
    :root {
      --gold:        #d4a017;
      --gold-light:  #e8b82a;
      --gold-dim:    rgba(212, 160, 23, 0.15);
      --purple:      #a855f7;
      --purple-dim:  rgba(168, 85, 247, 0.15);
      --bg:          #080810;
      --surface:     #0f0f1a;
      --card:        #13131f;
      --border:      #1e1e32;
      --border-light:#2a2a42;
      --text:        #e8e8f0;
      --muted:       #7a7a9a;
      --muted-light: #9a9ab8;
      --sidebar-w:   272px;
      --header-h:    60px;
      --right-w:     220px;
      --radius:      8px;
      --radius-lg:   12px;
      --shadow:      0 4px 24px rgba(0,0,0,0.4);
      --font-head:   'Cinzel', serif;
      --font-body:   'Outfit', sans-serif;
      --transition:  0.2s ease;
    }