:root {
  --text-color: #111827;
  --bg-gradient: linear-gradient(180deg, #eff2ff 0%, #f5f7ff 42%, #f8fafc 100%);
  --hero-gradient: linear-gradient(135deg, #2f3f8f 0%, #5a3f8f 45%, #7a3d7d 100%);
  --btn-gradient: linear-gradient(135deg, #667eea, #764ba2);
}

:root[data-theme="t1"],
body[data-theme="t1"] {
  --bg-gradient: linear-gradient(180deg, #eff2ff 0%, #f5f7ff 42%, #f8fafc 100%);
  --hero-gradient: linear-gradient(135deg, #2f3f8f, #5a3f8f, #7a3d7d);
  --btn-gradient: linear-gradient(135deg, #667eea, #764ba2);
}
:root[data-theme="t2"],
body[data-theme="t2"] { --bg-gradient: linear-gradient(180deg,#f0fdfa 0%,#ecfeff 42%,#f8fafc 100%); --hero-gradient: linear-gradient(135deg,#0f766e,#0ea5a4,#14b8a6); --btn-gradient: linear-gradient(135deg,#14b8a6,#0ea5a4); }
:root[data-theme="t3"],
body[data-theme="t3"] { --bg-gradient: linear-gradient(180deg,#fefce8 0%,#fff7ed 42%,#fffbeb 100%); --hero-gradient: linear-gradient(135deg,#b45309,#d97706,#f59e0b); --btn-gradient: linear-gradient(135deg,#f59e0b,#d97706); }
:root[data-theme="t4"],
body[data-theme="t4"] { --bg-gradient: linear-gradient(180deg,#fdf2f8 0%,#fae8ff 42%,#f8fafc 100%); --hero-gradient: linear-gradient(135deg,#be185d,#a21caf,#7e22ce); --btn-gradient: linear-gradient(135deg,#d946ef,#a21caf); }
:root[data-theme="t5"],
body[data-theme="t5"] { --bg-gradient: linear-gradient(180deg,#fef2f2 0%,#fff1f2 42%,#f8fafc 100%); --hero-gradient: linear-gradient(135deg,#991b1b,#be123c,#e11d48); --btn-gradient: linear-gradient(135deg,#ef4444,#e11d48); }
:root[data-theme="t6"],
body[data-theme="t6"] { --bg-gradient: linear-gradient(180deg,#f0f9ff 0%,#e0f2fe 42%,#f8fafc 100%); --hero-gradient: linear-gradient(135deg,#075985,#0369a1,#0284c7); --btn-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); }
:root[data-theme="t7"],
body[data-theme="t7"] { --bg-gradient: linear-gradient(180deg,#f5f3ff 0%,#ede9fe 42%,#f8fafc 100%); --hero-gradient: linear-gradient(135deg,#4338ca,#6366f1,#8b5cf6); --btn-gradient: linear-gradient(135deg,#8b5cf6,#6366f1); }
:root[data-theme="t8"],
body[data-theme="t8"] { --bg-gradient: linear-gradient(180deg,#f7fee7 0%,#ecfccb 42%,#f8fafc 100%); --hero-gradient: linear-gradient(135deg,#365314,#3f6212,#65a30d); --btn-gradient: linear-gradient(135deg,#84cc16,#65a30d); }
:root[data-theme="t9"],
body[data-theme="t9"] { --bg-gradient: linear-gradient(180deg,#fafaf9 0%,#f5f5f4 42%,#ffffff 100%); --hero-gradient: linear-gradient(135deg,#292524,#44403c,#57534e); --btn-gradient: linear-gradient(135deg,#78716c,#57534e); }
:root[data-theme="t10"],
body[data-theme="t10"] { --bg-gradient: linear-gradient(180deg,#ecfeff 0%,#e0f2fe 40%,#ede9fe 100%); --hero-gradient: linear-gradient(135deg,#155e75,#0369a1,#6d28d9); --btn-gradient: linear-gradient(135deg,#06b6d4,#7c3aed); }