@layer theme {
  [data-theme="playground"] {
    --bg: #1a0a2e;
    --bg-mid: #2a1248;
    --text: #f0e8ff;
    --accent: #ff4fa3;
    --muted: #9a7abc;
    --rule: rgba(255,79,163,0.2);
    --font-display: 'Bungee Shade', cursive;
    --font-body: 'Quicksand', system-ui, sans-serif;
    --btn-radius: 999px;
    --btn-weight: 700;
    --btn-transform: uppercase;
    --btn-tracking: 0.04em;
  }
}