/* Design tokens. One component set + three theme variable sets via data-theme. */
:root{
  --font-display:'Baloo 2','Nunito',system-ui,'Segoe UI',sans-serif;
  --font-body:'Nunito',system-ui,'Segoe UI',sans-serif;
  --space-1:6px;--space-2:12px;--space-3:18px;--space-4:28px;
  --text-base:16px;--text-lg:20px;--text-xl:28px;--text-hero:34px;
}
[data-theme="neon"]{
  --bg:#0f1535;--surface:#1b2350;--surface-2:#232c5e;--ink:#fff;--dim:#aab0e0;
  --primary:#7C5CFC;--accent:#EC4899;--warn:#FBBF24;--success:#34D399;
  --grad:linear-gradient(135deg,#7C5CFC,#22D3EE);
  --radius:18px;--ol:none;--ol2:1px solid rgba(255,255,255,.12);
  --shadow:0 10px 28px rgba(0,0,0,.45);--shadow-sm:0 7px 20px rgba(0,0,0,.4);
  --btn-radius:14px;--btn-shadow:0 6px 0 rgba(0,0,0,.35);--chip-bg:rgba(255,255,255,.1);
  --btn-text:#fff;
}
[data-theme="zefir"]{
  --bg:#FFF5FB;--surface:#fff;--surface-2:#fdeef7;--ink:#5b2a52;--dim:#a07a9a;
  --primary:#FF9EC4;--accent:#C59BE8;--warn:#FFD27D;--success:#8FD9A8;
  --grad:linear-gradient(135deg,#FF9EC4,#C59BE8);
  --radius:22px;--ol:none;--ol2:none;
  --shadow:0 8px 22px rgba(180,120,200,.22);--shadow-sm:0 6px 16px rgba(180,120,200,.2);
  --btn-radius:999px;--btn-shadow:0 5px 14px rgba(255,158,196,.5);--chip-bg:#fdeef7;
  --btn-text:#fff;
}
[data-theme="comics"]{
  --bg:#FFFBF0;--surface:#fff;--surface-2:#fff6da;--ink:#1a1a2e;--dim:#6b6b80;
  --primary:#7C5CFC;--accent:#EC4899;--warn:#FBBF24;--success:#34D399;
  --grad:linear-gradient(135deg,#7C5CFC,#22D3EE);
  --radius:12px;--ol:3px solid #1a1a2e;--ol2:2px solid #1a1a2e;
  --shadow:5px 5px 0 #1a1a2e;--shadow-sm:4px 4px 0 #1a1a2e;
  --btn-radius:12px;--btn-shadow:4px 4px 0 #1a1a2e;--chip-bg:#fff;
  --btn-text:#1a1a2e;
}