@layer theme {
  [data-theme="darkside"] {
    --bg: #0c0c0c;
    --bg-mid: #141414;
    --text: #ece6dc;
    --accent: #dcb96a;
    --muted: #8a857a;
    --rule: rgba(220,185,106,0.18);
    --font-display: 'Cinzel', Georgia, serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --btn-radius: 0;
    --btn-weight: 500;
    --btn-transform: uppercase;
    --btn-tracking: 0.18em;
  }
}