/* GENERATED by scripts/gen_theme_css.py — do not edit by hand.
   Color schemes: each is a light block + a dark override. Layout is identical
   across schemes — only these tokens change. `orange` is the default; the rest
   are admin-selectable in Nastavení → Vzhled. Add a scheme = edit the ACCENTS
   table in the generator + register the key, then re-run the generator. */

html[data-accent="orange"] {
  --bg: #fbf7f2;
  --surface: #ffffff;
  --surface-2: #fbf3ea;
  --text: #1a1712;
  --muted: #7a7167;
  --border: #ece3d6;
  --brand: #ea580c;
  --brand-2: #f97316;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #ea580c, #f97316 55%, #fb923c);
  --hero-grad: linear-gradient(120deg, #fff4e8, #fdba74 55%, #f97316);
  --hero-bg: #1c150d;
  --hero-text: #f6ece1;
  --hero-muted: #c9b7a4;
  --hero-overlay: linear-gradient(90deg, rgba(20,16,11,.85), rgba(20,16,11,.45) 60%, rgba(20,16,11,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(249,115,22,.4), transparent 70%);
  --band: #f3e8d6;
}
html[data-accent="orange"][data-theme="dark"] {
  --bg: #14100b;
  --surface: #1e1811;
  --surface-2: #211a13;
  --text: #f6ece1;
  --muted: #b7a491;
  --border: #33271c;
  --brand: #fb923c;
  --brand-2: #f97316;
  --brand-contrast: #14100b;
  --grad: linear-gradient(120deg, #fff4e8, #fdba74 55%, #f97316);
  --hero-grad: linear-gradient(120deg, #fff4e8, #fdba74 55%, #f97316);
  --hero-bg: #0f0b07;
  --hero-text: #f6ece1;
  --hero-muted: #c9b7a4;
  --hero-overlay: linear-gradient(90deg, rgba(15,11,7,.9), rgba(15,11,7,.5) 60%, rgba(15,11,7,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(249,115,22,.34), transparent 70%);
  --band: #221a12;
}

html[data-accent="green"] {
  --bg: #f2faf5;
  --surface: #ffffff;
  --surface-2: #e9f6ee;
  --text: #0f1a13;
  --muted: #5f7568;
  --border: #d7ebdd;
  --brand: #16a34a;
  --brand-2: #22c55e;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #16a34a, #22c55e 55%, #4ade80);
  --hero-grad: linear-gradient(120deg, #ecfdf5, #86efac 55%, #22c55e);
  --hero-bg: #0d1f14;
  --hero-text: #e9f7ee;
  --hero-muted: #a9c8b5;
  --hero-overlay: linear-gradient(90deg, rgba(13,31,20,.85), rgba(13,31,20,.45) 60%, rgba(13,31,20,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(34,197,94,.4), transparent 70%);
  --band: #dcf0e3;
}
html[data-accent="green"][data-theme="dark"] {
  --bg: #0b120d;
  --surface: #131c15;
  --surface-2: #16211a;
  --text: #e9f7ee;
  --muted: #9cbcaa;
  --border: #24352b;
  --brand: #4ade80;
  --brand-2: #22c55e;
  --brand-contrast: #0b120d;
  --grad: linear-gradient(120deg, #ecfdf5, #86efac 55%, #22c55e);
  --hero-grad: linear-gradient(120deg, #ecfdf5, #86efac 55%, #22c55e);
  --hero-bg: #070f0a;
  --hero-text: #e9f7ee;
  --hero-muted: #a9c8b5;
  --hero-overlay: linear-gradient(90deg, rgba(7,15,10,.9), rgba(7,15,10,.5) 60%, rgba(7,15,10,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(34,197,94,.34), transparent 70%);
  --band: #16221a;
}

html[data-accent="blue"] {
  --bg: #f4f8fe;
  --surface: #ffffff;
  --surface-2: #eaf2fd;
  --text: #111827;
  --muted: #64748b;
  --border: #dbe7f7;
  --brand: #2563eb;
  --brand-2: #3b82f6;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #2563eb, #3b82f6 55%, #60a5fa);
  --hero-grad: linear-gradient(120deg, #eff6ff, #93c5fd 55%, #3b82f6);
  --hero-bg: #0d1626;
  --hero-text: #e8f0fb;
  --hero-muted: #a7bcd6;
  --hero-overlay: linear-gradient(90deg, rgba(13,22,38,.85), rgba(13,22,38,.45) 60%, rgba(13,22,38,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(59,130,246,.4), transparent 70%);
  --band: #dbe9fb;
}
html[data-accent="blue"][data-theme="dark"] {
  --bg: #0a0f1a;
  --surface: #111a2e;
  --surface-2: #131d33;
  --text: #e8f0fb;
  --muted: #9fb2cd;
  --border: #24314a;
  --brand: #60a5fa;
  --brand-2: #3b82f6;
  --brand-contrast: #0a0f1a;
  --grad: linear-gradient(120deg, #eff6ff, #93c5fd 55%, #3b82f6);
  --hero-grad: linear-gradient(120deg, #eff6ff, #93c5fd 55%, #3b82f6);
  --hero-bg: #070b13;
  --hero-text: #e8f0fb;
  --hero-muted: #a7bcd6;
  --hero-overlay: linear-gradient(90deg, rgba(7,11,19,.9), rgba(7,11,19,.5) 60%, rgba(7,11,19,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(59,130,246,.34), transparent 70%);
  --band: #141f36;
}

html[data-accent="red"] {
  --bg: #fdf5f4;
  --surface: #ffffff;
  --surface-2: #fbe9e8;
  --text: #1c1211;
  --muted: #7c6260;
  --border: #f3d9d7;
  --brand: #dc2626;
  --brand-2: #ef4444;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #dc2626, #ef4444 55%, #f87171);
  --hero-grad: linear-gradient(120deg, #fef2f2, #fca5a5 55%, #ef4444);
  --hero-bg: #241010;
  --hero-text: #f8e9e8;
  --hero-muted: #d0aeac;
  --hero-overlay: linear-gradient(90deg, rgba(36,16,16,.85), rgba(36,16,16,.45) 60%, rgba(36,16,16,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(239,68,68,.4), transparent 70%);
  --band: #f7dedc;
}
html[data-accent="red"][data-theme="dark"] {
  --bg: #170b0b;
  --surface: #211110;
  --surface-2: #251312;
  --text: #f8e9e8;
  --muted: #cba4a1;
  --border: #3a201e;
  --brand: #f87171;
  --brand-2: #ef4444;
  --brand-contrast: #170b0b;
  --grad: linear-gradient(120deg, #fef2f2, #fca5a5 55%, #ef4444);
  --hero-grad: linear-gradient(120deg, #fef2f2, #fca5a5 55%, #ef4444);
  --hero-bg: #0f0707;
  --hero-text: #f8e9e8;
  --hero-muted: #d0aeac;
  --hero-overlay: linear-gradient(90deg, rgba(15,7,7,.9), rgba(15,7,7,.5) 60%, rgba(15,7,7,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(239,68,68,.34), transparent 70%);
  --band: #26120f;
}

html[data-accent="yellow"] {
  --bg: #fdfaf0;
  --surface: #ffffff;
  --surface-2: #fbf3d9;
  --text: #1c1704;
  --muted: #79704f;
  --border: #efe4c2;
  --brand: #ca8a04;
  --brand-2: #eab308;
  --brand-contrast: #1a1200;
  --grad: linear-gradient(120deg, #ca8a04, #eab308 55%, #facc15);
  --hero-grad: linear-gradient(120deg, #fefce8, #fde047 55%, #eab308);
  --hero-bg: #211c08;
  --hero-text: #f7f0d8;
  --hero-muted: #ccbf95;
  --hero-overlay: linear-gradient(90deg, rgba(33,28,8,.85), rgba(33,28,8,.45) 60%, rgba(33,28,8,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(234,179,8,.4), transparent 70%);
  --band: #f6e9bf;
}
html[data-accent="yellow"][data-theme="dark"] {
  --bg: #14110a;
  --surface: #1d1810;
  --surface-2: #211c11;
  --text: #f7f0d8;
  --muted: #c0b489;
  --border: #352c17;
  --brand: #facc15;
  --brand-2: #eab308;
  --brand-contrast: #14110a;
  --grad: linear-gradient(120deg, #fefce8, #fde047 55%, #eab308);
  --hero-grad: linear-gradient(120deg, #fefce8, #fde047 55%, #eab308);
  --hero-bg: #0e0b05;
  --hero-text: #f7f0d8;
  --hero-muted: #ccbf95;
  --hero-overlay: linear-gradient(90deg, rgba(14,11,5,.9), rgba(14,11,5,.5) 60%, rgba(14,11,5,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(234,179,8,.34), transparent 70%);
  --band: #211b0f;
}

html[data-accent="purple"] {
  --bg: #f9f5fe;
  --surface: #ffffff;
  --surface-2: #f1e7fc;
  --text: #180f22;
  --muted: #6f6180;
  --border: #e6d6f6;
  --brand: #9333ea;
  --brand-2: #a855f7;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #9333ea, #a855f7 55%, #c084fc);
  --hero-grad: linear-gradient(120deg, #faf5ff, #d8b4fe 55%, #a855f7);
  --hero-bg: #1a1026;
  --hero-text: #f1e8fb;
  --hero-muted: #c0aed6;
  --hero-overlay: linear-gradient(90deg, rgba(26,16,38,.85), rgba(26,16,38,.45) 60%, rgba(26,16,38,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(168,85,247,.4), transparent 70%);
  --band: #ecdcfa;
}
html[data-accent="purple"][data-theme="dark"] {
  --bg: #100a18;
  --surface: #191122;
  --surface-2: #1d1428;
  --text: #f1e8fb;
  --muted: #b7a4ce;
  --border: #2f2140;
  --brand: #c084fc;
  --brand-2: #a855f7;
  --brand-contrast: #100a18;
  --grad: linear-gradient(120deg, #faf5ff, #d8b4fe 55%, #a855f7);
  --hero-grad: linear-gradient(120deg, #faf5ff, #d8b4fe 55%, #a855f7);
  --hero-bg: #0b0711;
  --hero-text: #f1e8fb;
  --hero-muted: #c0aed6;
  --hero-overlay: linear-gradient(90deg, rgba(11,7,17,.9), rgba(11,7,17,.5) 60%, rgba(11,7,17,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(168,85,247,.34), transparent 70%);
  --band: #1d1430;
}

html[data-accent="gray"] {
  --bg: #f7f8f9;
  --surface: #ffffff;
  --surface-2: #eef0f2;
  --text: #171a1d;
  --muted: #6b7280;
  --border: #e2e5e9;
  --brand: #4b5563;
  --brand-2: #6b7280;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #4b5563, #6b7280 55%, #9ca3af);
  --hero-grad: linear-gradient(120deg, #f3f4f6, #d1d5db 55%, #6b7280);
  --hero-bg: #16181b;
  --hero-text: #eceef0;
  --hero-muted: #b3b8bf;
  --hero-overlay: linear-gradient(90deg, rgba(22,24,27,.85), rgba(22,24,27,.45) 60%, rgba(22,24,27,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(107,114,128,.4), transparent 70%);
  --band: #e6e8eb;
}
html[data-accent="gray"][data-theme="dark"] {
  --bg: #0d0f11;
  --surface: #16191c;
  --surface-2: #1a1d20;
  --text: #eceef0;
  --muted: #a2a9b2;
  --border: #2a2e33;
  --brand: #9ca3af;
  --brand-2: #6b7280;
  --brand-contrast: #0d0f11;
  --grad: linear-gradient(120deg, #f3f4f6, #d1d5db 55%, #9ca3af);
  --hero-grad: linear-gradient(120deg, #f3f4f6, #d1d5db 55%, #9ca3af);
  --hero-bg: #08090b;
  --hero-text: #eceef0;
  --hero-muted: #b3b8bf;
  --hero-overlay: linear-gradient(90deg, rgba(8,9,11,.9), rgba(8,9,11,.5) 60%, rgba(8,9,11,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(156,163,175,.34), transparent 70%);
  --band: #1a1d21;
}

html[data-accent="brown"] {
  --bg: #faf6f1;
  --surface: #ffffff;
  --surface-2: #f3e9dd;
  --text: #1e150c;
  --muted: #7c6c58;
  --border: #e8d9c7;
  --brand: #8a5a2b;
  --brand-2: #a06a34;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #8a5a2b, #a06a34 55%, #c08552);
  --hero-grad: linear-gradient(120deg, #f6ecdf, #d3a877 55%, #a06a34);
  --hero-bg: #201408;
  --hero-text: #f4e9da;
  --hero-muted: #cbb69c;
  --hero-overlay: linear-gradient(90deg, rgba(32,20,8,.85), rgba(32,20,8,.45) 60%, rgba(32,20,8,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(160,106,52,.4), transparent 70%);
  --band: #eaddc9;
}
html[data-accent="brown"][data-theme="dark"] {
  --bg: #130d07;
  --surface: #1d150d;
  --surface-2: #211810;
  --text: #f4e9da;
  --muted: #bda88f;
  --border: #352719;
  --brand: #c08552;
  --brand-2: #a06a34;
  --brand-contrast: #130d07;
  --grad: linear-gradient(120deg, #f6ecdf, #d3a877 55%, #a06a34);
  --hero-grad: linear-gradient(120deg, #f6ecdf, #d3a877 55%, #a06a34);
  --hero-bg: #0e0904;
  --hero-text: #f4e9da;
  --hero-muted: #cbb69c;
  --hero-overlay: linear-gradient(90deg, rgba(14,9,4,.9), rgba(14,9,4,.5) 60%, rgba(14,9,4,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(160,106,52,.34), transparent 70%);
  --band: #21180f;
}

html[data-accent="neutral"] {
  --bg: #faf9f7;
  --surface: #ffffff;
  --surface-2: #f1efec;
  --text: #1c1a17;
  --muted: #78716c;
  --border: #e7e5e1;
  --brand: #57534e;
  --brand-2: #78716c;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #57534e, #78716c 55%, #a8a29e);
  --hero-grad: linear-gradient(120deg, #f5f5f4, #d6d3d1 55%, #78716c);
  --hero-bg: #1a1815;
  --hero-text: #efece8;
  --hero-muted: #bab4ac;
  --hero-overlay: linear-gradient(90deg, rgba(26,24,21,.85), rgba(26,24,21,.45) 60%, rgba(26,24,21,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(120,113,108,.4), transparent 70%);
  --band: #eae7e2;
}
html[data-accent="neutral"][data-theme="dark"] {
  --bg: #100f0d;
  --surface: #191714;
  --surface-2: #1d1a17;
  --text: #efece8;
  --muted: #a8a29e;
  --border: #2c2825;
  --brand: #a8a29e;
  --brand-2: #78716c;
  --brand-contrast: #100f0d;
  --grad: linear-gradient(120deg, #f5f5f4, #d6d3d1 55%, #a8a29e);
  --hero-grad: linear-gradient(120deg, #f5f5f4, #d6d3d1 55%, #a8a29e);
  --hero-bg: #0a0908;
  --hero-text: #efece8;
  --hero-muted: #bab4ac;
  --hero-overlay: linear-gradient(90deg, rgba(10,9,8,.9), rgba(10,9,8,.5) 60%, rgba(10,9,8,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(120,113,108,.34), transparent 70%);
  --band: #1d1a16;
}

html[data-accent="teal"] {
  --bg: #f0faf9;
  --surface: #ffffff;
  --surface-2: #e3f5f2;
  --text: #0c1a18;
  --muted: #5c7572;
  --border: #d0ebe7;
  --brand: #0d9488;
  --brand-2: #14b8a6;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #0d9488, #14b8a6 55%, #2dd4bf);
  --hero-grad: linear-gradient(120deg, #f0fdfa, #5eead4 55%, #14b8a6);
  --hero-bg: #08201d;
  --hero-text: #e5f6f3;
  --hero-muted: #a3c8c2;
  --hero-overlay: linear-gradient(90deg, rgba(8,32,29,.85), rgba(8,32,29,.45) 60%, rgba(8,32,29,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(20,184,166,.4), transparent 70%);
  --band: #d3efeb;
}
html[data-accent="teal"][data-theme="dark"] {
  --bg: #071312;
  --surface: #0f1d1b;
  --surface-2: #12211f;
  --text: #e5f6f3;
  --muted: #97c2bb;
  --border: #1f3532;
  --brand: #2dd4bf;
  --brand-2: #14b8a6;
  --brand-contrast: #071312;
  --grad: linear-gradient(120deg, #f0fdfa, #5eead4 55%, #14b8a6);
  --hero-grad: linear-gradient(120deg, #f0fdfa, #5eead4 55%, #14b8a6);
  --hero-bg: #040d0c;
  --hero-text: #e5f6f3;
  --hero-muted: #a3c8c2;
  --hero-overlay: linear-gradient(90deg, rgba(4,13,12,.9), rgba(4,13,12,.5) 60%, rgba(4,13,12,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(20,184,166,.34), transparent 70%);
  --band: #12211e;
}

html[data-accent="indigo"] {
  --bg: #f5f5fe;
  --surface: #ffffff;
  --surface-2: #ebebfc;
  --text: #121227;
  --muted: #64648b;
  --border: #dcdcf7;
  --brand: #4f46e5;
  --brand-2: #6366f1;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #4f46e5, #6366f1 55%, #818cf8);
  --hero-grad: linear-gradient(120deg, #eef2ff, #a5b4fc 55%, #6366f1);
  --hero-bg: #0f0e26;
  --hero-text: #e9e9fb;
  --hero-muted: #aaaad6;
  --hero-overlay: linear-gradient(90deg, rgba(15,14,38,.85), rgba(15,14,38,.45) 60%, rgba(15,14,38,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(99,102,241,.4), transparent 70%);
  --band: #dcdcfb;
}
html[data-accent="indigo"][data-theme="dark"] {
  --bg: #0a0a18;
  --surface: #12122a;
  --surface-2: #15152f;
  --text: #e9e9fb;
  --muted: #a3a3ce;
  --border: #26264a;
  --brand: #818cf8;
  --brand-2: #6366f1;
  --brand-contrast: #0a0a18;
  --grad: linear-gradient(120deg, #eef2ff, #a5b4fc 55%, #6366f1);
  --hero-grad: linear-gradient(120deg, #eef2ff, #a5b4fc 55%, #6366f1);
  --hero-bg: #070713;
  --hero-text: #e9e9fb;
  --hero-muted: #aaaad6;
  --hero-overlay: linear-gradient(90deg, rgba(7,7,19,.9), rgba(7,7,19,.5) 60%, rgba(7,7,19,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(99,102,241,.34), transparent 70%);
  --band: #16163a;
}

html[data-accent="rose"] {
  --bg: #fdf4f6;
  --surface: #ffffff;
  --surface-2: #fce7ec;
  --text: #1f1013;
  --muted: #7d6065;
  --border: #f5d6de;
  --brand: #e11d48;
  --brand-2: #f43f5e;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #e11d48, #f43f5e 55%, #fb7185);
  --hero-grad: linear-gradient(120deg, #fff1f2, #fda4af 55%, #f43f5e);
  --hero-bg: #260f16;
  --hero-text: #f9e8ec;
  --hero-muted: #d2acb4;
  --hero-overlay: linear-gradient(90deg, rgba(38,15,22,.85), rgba(38,15,22,.45) 60%, rgba(38,15,22,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(244,63,94,.4), transparent 70%);
  --band: #f8dce3;
}
html[data-accent="rose"][data-theme="dark"] {
  --bg: #180a0d;
  --surface: #221115;
  --surface-2: #261318;
  --text: #f9e8ec;
  --muted: #cfa3ad;
  --border: #3b2026;
  --brand: #fb7185;
  --brand-2: #f43f5e;
  --brand-contrast: #180a0d;
  --grad: linear-gradient(120deg, #fff1f2, #fda4af 55%, #f43f5e);
  --hero-grad: linear-gradient(120deg, #fff1f2, #fda4af 55%, #f43f5e);
  --hero-bg: #10070a;
  --hero-text: #f9e8ec;
  --hero-muted: #d2acb4;
  --hero-overlay: linear-gradient(90deg, rgba(16,7,10,.9), rgba(16,7,10,.5) 60%, rgba(16,7,10,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(244,63,94,.34), transparent 70%);
  --band: #27131a;
}

html[data-accent="slate"] {
  --bg: #f6f8fa;
  --surface: #ffffff;
  --surface-2: #edf1f5;
  --text: #131a22;
  --muted: #64748b;
  --border: #dfe5ec;
  --brand: #475569;
  --brand-2: #64748b;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #475569, #64748b 55%, #94a3b8);
  --hero-grad: linear-gradient(120deg, #f1f5f9, #cbd5e1 55%, #64748b);
  --hero-bg: #121820;
  --hero-text: #e9edf2;
  --hero-muted: #aeb8c5;
  --hero-overlay: linear-gradient(90deg, rgba(18,24,32,.85), rgba(18,24,32,.45) 60%, rgba(18,24,32,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(100,116,139,.4), transparent 70%);
  --band: #e3e8ef;
}
html[data-accent="slate"][data-theme="dark"] {
  --bg: #0b0e12;
  --surface: #14181f;
  --surface-2: #171c24;
  --text: #e9edf2;
  --muted: #9daabb;
  --border: #283040;
  --brand: #94a3b8;
  --brand-2: #64748b;
  --brand-contrast: #0b0e12;
  --grad: linear-gradient(120deg, #f1f5f9, #cbd5e1 55%, #94a3b8);
  --hero-grad: linear-gradient(120deg, #f1f5f9, #cbd5e1 55%, #94a3b8);
  --hero-bg: #07090c;
  --hero-text: #e9edf2;
  --hero-muted: #aeb8c5;
  --hero-overlay: linear-gradient(90deg, rgba(7,9,12,.9), rgba(7,9,12,.5) 60%, rgba(7,9,12,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(100,116,139,.34), transparent 70%);
  --band: #171c26;
}

html[data-accent="cyan"] {
  --bg: #f0fafc;
  --surface: #ffffff;
  --surface-2: #e0f5fa;
  --text: #0a1a1e;
  --muted: #5a7479;
  --border: #ccebf1;
  --brand: #0891b2;
  --brand-2: #06b6d4;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #0891b2, #06b6d4 55%, #22d3ee);
  --hero-grad: linear-gradient(120deg, #ecfeff, #67e8f9 55%, #06b6d4);
  --hero-bg: #06202a;
  --hero-text: #e2f6fa;
  --hero-muted: #9fc7cf;
  --hero-overlay: linear-gradient(90deg, rgba(6,32,42,.85), rgba(6,32,42,.45) 60%, rgba(6,32,42,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(6,182,212,.4), transparent 70%);
  --band: #cfeef4;
}
html[data-accent="cyan"][data-theme="dark"] {
  --bg: #061318;
  --surface: #0d1d22;
  --surface-2: #102127;
  --text: #e2f6fa;
  --muted: #93c2cb;
  --border: #1c3540;
  --brand: #22d3ee;
  --brand-2: #06b6d4;
  --brand-contrast: #061318;
  --grad: linear-gradient(120deg, #ecfeff, #67e8f9 55%, #06b6d4);
  --hero-grad: linear-gradient(120deg, #ecfeff, #67e8f9 55%, #06b6d4);
  --hero-bg: #030d11;
  --hero-text: #e2f6fa;
  --hero-muted: #9fc7cf;
  --hero-overlay: linear-gradient(90deg, rgba(3,13,17,.9), rgba(3,13,17,.5) 60%, rgba(3,13,17,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(6,182,212,.34), transparent 70%);
  --band: #102026;
}

html[data-accent="burgundy"] {
  --bg: #fcf4f6;
  --surface: #ffffff;
  --surface-2: #f9e6ec;
  --text: #1e0e14;
  --muted: #7c5b64;
  --border: #f0d3dc;
  --brand: #9f1239;
  --brand-2: #be123c;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #881337, #9f1239 55%, #be123c);
  --hero-grad: linear-gradient(120deg, #fff1f2, #fda4af 55%, #be123c);
  --hero-bg: #240912;
  --hero-text: #f7e6eb;
  --hero-muted: #cca6b0;
  --hero-overlay: linear-gradient(90deg, rgba(36,9,18,.85), rgba(36,9,18,.45) 60%, rgba(36,9,18,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(159,18,57,.4), transparent 70%);
  --band: #f4dae2;
}
html[data-accent="burgundy"][data-theme="dark"] {
  --bg: #16080c;
  --surface: #200e13;
  --surface-2: #241016;
  --text: #f7e6eb;
  --muted: #c99daa;
  --border: #3a1a23;
  --brand: #e11d48;
  --brand-2: #be123c;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #be123c, #e11d48 55%, #fb7185);
  --hero-grad: linear-gradient(120deg, #fff1f2, #fda4af 55%, #e11d48);
  --hero-bg: #0e0508;
  --hero-text: #f7e6eb;
  --hero-muted: #cca6b0;
  --hero-overlay: linear-gradient(90deg, rgba(14,5,8,.9), rgba(14,5,8,.5) 60%, rgba(14,5,8,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(190,18,60,.34), transparent 70%);
  --band: #251119;
}

html[data-accent="olive"] {
  --bg: #f7faf0;
  --surface: #ffffff;
  --surface-2: #eef5df;
  --text: #14180a;
  --muted: #6a7357;
  --border: #e0ecc9;
  --brand: #4d7c0f;
  --brand-2: #65a30d;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #4d7c0f, #65a30d 55%, #84cc16);
  --hero-grad: linear-gradient(120deg, #f7fee7, #bef264 55%, #65a30d);
  --hero-bg: #171f08;
  --hero-text: #eef4dd;
  --hero-muted: #bcc79c;
  --hero-overlay: linear-gradient(90deg, rgba(23,31,8,.85), rgba(23,31,8,.45) 60%, rgba(23,31,8,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(101,163,13,.4), transparent 70%);
  --band: #e6efce;
}
html[data-accent="olive"][data-theme="dark"] {
  --bg: #0e1206;
  --surface: #171d0d;
  --surface-2: #1b2110;
  --text: #eef4dd;
  --muted: #b0bd8f;
  --border: #2c3618;
  --brand: #84cc16;
  --brand-2: #65a30d;
  --brand-contrast: #101405;
  --grad: linear-gradient(120deg, #f7fee7, #bef264 55%, #65a30d);
  --hero-grad: linear-gradient(120deg, #f7fee7, #bef264 55%, #65a30d);
  --hero-bg: #090d04;
  --hero-text: #eef4dd;
  --hero-muted: #bcc79c;
  --hero-overlay: linear-gradient(90deg, rgba(9,13,4,.9), rgba(9,13,4,.5) 60%, rgba(9,13,4,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(101,163,13,.34), transparent 70%);
  --band: #1b2110;
}

html[data-accent="turquoise"] {
  --bg: #f0fbf6;
  --surface: #ffffff;
  --surface-2: #e2f7ed;
  --text: #0a1a13;
  --muted: #5b756a;
  --border: #cfeede;
  --brand: #059669;
  --brand-2: #10b981;
  --brand-contrast: #ffffff;
  --grad: linear-gradient(120deg, #059669, #10b981 55%, #34d399);
  --hero-grad: linear-gradient(120deg, #ecfdf5, #6ee7b7 55%, #10b981);
  --hero-bg: #06211a;
  --hero-text: #e4f7ee;
  --hero-muted: #a2c9ba;
  --hero-overlay: linear-gradient(90deg, rgba(6,33,26,.85), rgba(6,33,26,.45) 60%, rgba(6,33,26,.2));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(16,185,129,.4), transparent 70%);
  --band: #d2f0e2;
}
html[data-accent="turquoise"][data-theme="dark"] {
  --bg: #061410;
  --surface: #0d1e18;
  --surface-2: #10221b;
  --text: #e4f7ee;
  --muted: #95c3b3;
  --border: #1d3730;
  --brand: #34d399;
  --brand-2: #10b981;
  --brand-contrast: #061410;
  --grad: linear-gradient(120deg, #ecfdf5, #6ee7b7 55%, #10b981);
  --hero-grad: linear-gradient(120deg, #ecfdf5, #6ee7b7 55%, #10b981);
  --hero-bg: #030d0a;
  --hero-text: #e4f7ee;
  --hero-muted: #a2c9ba;
  --hero-overlay: linear-gradient(90deg, rgba(3,13,10,.9), rgba(3,13,10,.5) 60%, rgba(3,13,10,.25));
  --hero-glow: radial-gradient(55% 70% at 75% 30%, rgba(16,185,129,.34), transparent 70%);
  --band: #10221a;
}