/* Canonical theme color tokens shared across the platform. */
:root{
  --v:#7c3aed;--v-s:#ede9fc;--v-d:#6d28d9;
  --green:#16a34a;--green-s:#f0fdf4;
  --amber:#d97706;--amber-s:#fffbeb;
  --red:#dc2626;--red-s:#fef2f2;
  --blue:#0000FF;--blue-s:#eff6ff;
  --txt:#1a1825;--muted:#6b6880;--hint:#9b98aa;
  --surf:#fff;--bg:#f4f3f8;--bord:#e2e0ea;--bord-f:#7c3aed;
  --gray:#f0eff5;--gray-m:#d4d2de;
  --r:14px;--ri:9px;--band-bg:var(--v);--band-fg:#fff;
  --sh:0 2px 16px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.05);
  --ring:0 0 0 3px rgba(124,58,237,.18);
  --font:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

[data-theme="classic"]{
  --v:#a78bfa;--v-s:rgba(167,139,250,.18);--v-d:#c4b5fd;
  --bg:#fff;--surf:rgba(167,139,250,.22);
  --bord:rgba(167,139,250,.22);--bord-f:#a78bfa;
  --gray:rgba(26,21,45,.55);--gray-m:rgba(99,73,200,.16);
  --txt:#1a1825;--muted:#6b6880;--hint:#9b98aa;
  --sh:0 4px 24px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.35);
  --ring:0 0 0 3px rgba(167,139,250,.32);
  --band-bg:#a78bfa;
  --band-fg:#e0d8ff;
}
[data-theme="classic"] body{background:#fff!important;background-attachment:initial!important}

[data-theme="dusk"]{
  --v:#a78bfa;--v-s:rgba(167,139,250,.18);--v-d:#c4b5fd;
  --bg:#0d0b1a;--surf:rgba(26,21,45,.82);
  --bord:rgba(167,139,250,.22);--bord-f:#a78bfa;
  --gray:rgba(26,21,45,.55);--gray-m:rgba(80,65,120,.65);
  --txt:#ede9fc;--muted:#9b98aa;--hint:#6b6880;
  --sh:0 4px 24px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.35);
  --ring:0 0 0 3px rgba(167,139,250,.32);
  --band-bg:linear-gradient(135deg,#1a1331 0%,#2d1f5e 100%);
  --band-fg:#e0d8ff;
}
[data-theme="dusk"] body{background:radial-gradient(ellipse at top,#1a1045 0%,#0d0b1a 70%)!important;background-attachment:fixed!important}

[data-theme="bright"]{
  --v:#000080;--v-s:#eff6ff;--v-d:#FF0000;
  --bg:#f5f7fa;--surf:#fff;
  --bord:#e0e4ea;--bord-f:#0000FF;
  --gray:#f0f2f5;--gray-m:#dde1e7;
  --txt:#1a202c;--muted:#6b7280;--hint:#a0aec0;
  --sh:0 1px 4px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);
  --ring:0 0 0 3px rgba(37,99,235,.18);
  --band-bg:#000080;--band-fg:#eff6ff;
}

[data-theme="nature"]{
  --v:#16a34a;--v-s:#dcfce7;--v-d:#15803d;
  --bg:#f0fdf4;--surf:#fff;
  --bord:#bbf7d0;--bord-f:#16a34a;
  --gray:#dcfce7;--gray-m:#86efac;
  --txt:#14532d;--muted:#3d6b50;--hint:#86efac;
  --sh:0 2px 16px rgba(22,163,74,.1),0 1px 3px rgba(0,0,0,.05);
  --ring:0 0 0 3px rgba(22,163,74,.22);
  --band-bg:linear-gradient(135deg,#14532d 0%,#166534 60%,#15803d 100%);
  --band-fg:#dcfce7;
}

[data-theme="bold"]{
  --v:#ea580c;--v-s:#fff7ed;--v-d:#c2410c;
  --bg:#fff7ed;--surf:#fff;
  --bord:#fed7aa;--bord-f:#ea580c;
  --gray:#fff7ed;--gray-m:#fdba74;
  --txt:#431407;--muted:#9a3412;--hint:#fb923c;
  --sh:0 2px 16px rgba(234,88,12,.13),0 1px 3px rgba(0,0,0,.05);
  --ring:0 0 0 3px rgba(234,88,12,.22);
  --band-bg:linear-gradient(135deg,#7c2d12 0%,#b91c1c 50%,#c2410c 100%);
  --band-fg:#fff7ed;
}

html[data-size="75"]{zoom:.75;--r:10px;--ri:6px;--sh:0 1px 6px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.03)}
html[data-size="115"]{zoom:1.15;--r:18px;--ri:12px;--sh:0 6px 28px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.07)}
html[data-size="115"] body{line-height:1.7}

.top-band,.bottom-band{background:var(--band-bg)!important;color:var(--band-fg)!important}
[data-theme="bright"] .hero{background:var(--v)!important;box-shadow:0 4px 20px rgba(37,99,235,.22)!important}
[data-theme="bright"] .hero::before{display:none}
[data-theme="nature"] .hero{background:linear-gradient(135deg,#166534 0%,#15803d 55%,#16a34a 100%)!important}
[data-theme="bold"] .hero{background:linear-gradient(135deg,#7c2d12 0%,#b91c1c 48%,#ea580c 100%)!important}