.light-theme {
    --background: #f6f8fc;
    --surface: #fff;
    --surface-light: #edf2f7;
    --text-primary: #0b1220;
    --text-secondary: #374151;
    --text-tertiary: #6b7280;
    --border: #e2e8f0;
    --glass-bg: rgb(255 255 255 / 82%);
    --glass-border: rgb(15 23 42 / 8%);
    --glass-shadow: 0 26px 54px rgb(15 23 42 / 14%);
    --theme-bg-image:
        radial-gradient(900px 420px at 5% -10%, rgb(59 130 246 / 12%), transparent 60%),
        radial-gradient(700px 360px at 95% 5%, rgb(20 184 166 / 12%), transparent 62%);
    --theme-bg-opacity: 0.1;
    --theme-card-overlay: linear-gradient(135deg, rgb(59 130 246 / 6%), rgb(20 184 166 / 4%));
    --theme-anim-layer:
        radial-gradient(60% 50% at 20% 30%, rgb(59 130 246 / 12%), transparent 60%),
        radial-gradient(50% 40% at 80% 20%, rgb(20 184 166 / 10%), transparent 65%);
    --theme-anim-opacity: 0.1;

}



.theme-ocean {
    --primary: #3aa7ff;
    --primary-dark: #2a7fd4;
    --primary-light: #6bc1ff;
    --accent: #22d3ee;
    --background: #071c2a;
    --surface: #0d2b3f;
    --surface-light: #143a54;
    --text-primary: #e6f2ff;
    --text-secondary: #b6d0e5;
    --text-tertiary: #8fb3c9;
    --border: #1f4966;
    --glass-bg: rgb(13 43 63 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(58 167 255 / 28%), transparent 60%),

        radial-gradient(700px 360px at 85% 10%, rgb(34 211 238 / 22%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(58 167 255 / 8%), rgb(34 211 238 / 5%));
    --theme-anim-layer:

        radial-gradient(60% 50% at 20% 30%, rgb(58 167 255 / 25%), transparent 60%),

        radial-gradient(50% 40% at 80% 20%, rgb(34 211 238 / 20%), transparent 65%);
    --theme-anim-opacity: 0.14;

}



.theme-forest {
    --primary: #34d399;
    --primary-dark: #10b981;
    --primary-light: #6ee7b7;
    --accent: #84cc16;
    --background: #0b1a12;
    --surface: #122417;
    --surface-light: #1a3321;
    --text-primary: #e7f3ea;
    --text-secondary: #b8d0bf;
    --text-tertiary: #8fb19a;
    --border: #264033;
    --glass-bg: rgb(18 36 23 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 0% -5%, rgb(52 211 153 / 22%), transparent 60%),

        radial-gradient(700px 380px at 90% 10%, rgb(132 204 22 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(52 211 153 / 8%), rgb(132 204 22 / 5%));
    --theme-anim-layer:

        radial-gradient(60% 50% at 15% 25%, rgb(52 211 153 / 22%), transparent 60%),

        radial-gradient(50% 45% at 85% 15%, rgb(132 204 22 / 18%), transparent 65%);
    --theme-anim-opacity: 0.12;

}



.theme-sunset {
    --primary: #f97316;
    --primary-dark: #ea580c;
    --primary-light: #fb923c;
    --accent: #ec4899;
    --background: #1b1020;
    --surface: #2a1430;
    --surface-light: #3b1a3f;
    --text-primary: #fde9ff;
    --text-secondary: #e0b8e6;
    --text-tertiary: #c29ac9;
    --border: #4a2950;
    --glass-bg: rgb(42 20 48 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(249 115 22 / 24%), transparent 60%),

        radial-gradient(700px 360px at 90% 15%, rgb(236 72 153 / 20%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(249 115 22 / 8%), rgb(236 72 153 / 6%));
    --theme-anim-layer:

        radial-gradient(55% 45% at 25% 30%, rgb(249 115 22 / 22%), transparent 60%),

        radial-gradient(50% 40% at 75% 20%, rgb(236 72 153 / 20%), transparent 65%);
    --theme-anim-opacity: 0.14;

}



.theme-aurora {
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --primary-light: #a78bfa;
    --accent: #22d3ee;
    --background: #08131f;
    --surface: #101f33;
    --surface-light: #162a44;
    --text-primary: #e6f0ff;
    --text-secondary: #b3c7e6;
    --text-tertiary: #8aa2c7;
    --border: #223a59;
    --glass-bg: rgb(16 31 51 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 15% -10%, rgb(139 92 246 / 22%), transparent 60%),

        radial-gradient(700px 360px at 85% 15%, rgb(34 211 238 / 20%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(139 92 246 / 8%), rgb(34 211 238 / 5%));
    --theme-anim-layer:

        radial-gradient(60% 50% at 20% 25%, rgb(139 92 246 / 24%), transparent 60%),

        radial-gradient(50% 45% at 80% 20%, rgb(34 211 238 / 20%), transparent 65%);
    --theme-anim-opacity: 0.16;

}



.theme-graphite {
    --primary: #94a3b8;
    --primary-dark: #64748b;
    --primary-light: #cbd5f5;
    --accent: #38bdf8;
    --background: #0b0f16;
    --surface: #141b26;
    --surface-light: #1e293b;
    --text-primary: #eef2f7;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --border: #27364a;
    --glass-bg: rgb(20 27 38 / 72%);
    --glass-border: rgb(255 255 255 / 6%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(148 163 184 / 20%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(56 189 248 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(148 163 184 / 8%), rgb(56 189 248 / 5%));

}



.theme-lavender {
    --primary: #a78bfa;
    --primary-dark: #7c3aed;
    --primary-light: #c4b5fd;
    --accent: #f472b6;
    --background: #140f24;
    --surface: #1e1633;
    --surface-light: #2a1f45;
    --text-primary: #f5f0ff;
    --text-secondary: #d9cff5;
    --text-tertiary: #b6a7dd;
    --border: #352655;
    --glass-bg: rgb(30 22 51 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(167 139 250 / 22%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(244 114 182 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(167 139 250 / 8%), rgb(244 114 182 / 5%));

}



.theme-slate {
    --primary: #38bdf8;
    --primary-dark: #0ea5e9;
    --primary-light: #7dd3fc;
    --accent: #22c55e;
    --background: #0b1220;
    --surface: #111c30;
    --surface-light: #18273f;
    --text-primary: #ecf4ff;
    --text-secondary: #c4d4f0;
    --text-tertiary: #9fb3d1;
    --border: #243652;
    --glass-bg: rgb(17 28 48 / 72%);
    --glass-border: rgb(255 255 255 / 6%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(56 189 248 / 20%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(34 197 94 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(56 189 248 / 8%), rgb(34 197 94 / 5%));

}



.theme-dawn {
    --primary: #fb7185;
    --primary-dark: #f43f5e;
    --primary-light: #fda4af;
    --accent: #f59e0b;
    --background: #1a1112;
    --surface: #241617;
    --surface-light: #2f1d1f;
    --text-primary: #fff1f2;
    --text-secondary: #f4cbd2;
    --text-tertiary: #d8a1a8;
    --border: #3b2428;
    --glass-bg: rgb(36 22 23 / 72%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(251 113 133 / 22%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(245 158 11 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(251 113 133 / 8%), rgb(245 158 11 / 5%));

}



.theme-sapphire {
    --primary: #38bdf8;
    --primary-dark: #0ea5e9;
    --primary-light: #7dd3fc;
    --accent: #818cf8;
    --background: #0a1122;
    --surface: #0f1b34;
    --surface-light: #162649;
    --text-primary: #e6f1ff;
    --text-secondary: #bfd6f3;
    --text-tertiary: #93b0d9;
    --border: #223455;
    --glass-bg: rgb(15 27 52 / 72%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 15% -10%, rgb(56 189 248 / 20%), transparent 60%),

        radial-gradient(700px 360px at 85% 10%, rgb(129 140 248 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(56 189 248 / 8%), rgb(129 140 248 / 5%));

}



.theme-onyx {
    --primary: #94a3b8;
    --primary-dark: #64748b;
    --primary-light: #cbd5f1;
    --accent: #475569;
    --background: #0a0d12;
    --surface: #111318;
    --surface-light: #1b1f26;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --border: #2b303a;
    --glass-bg: rgb(17 19 24 / 76%);
    --glass-border: rgb(255 255 255 / 6%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 40%);
    --theme-bg-image:

        radial-gradient(900px 420px at 15% -10%, rgb(67 70 81 / 22%), transparent 60%),

        radial-gradient(700px 360px at 85% 10%, rgb(148 163 184 / 12%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(67 70 81 / 10%), rgb(148 163 184 / 4%));

}



.theme-citrus {
    --primary: #f59e0b;
    --primary-dark: #d97706;
    --primary-light: #fbbf24;
    --accent: #22c55e;
    --background: #16110b;
    --surface: #23190f;
    --surface-light: #312214;
    --text-primary: #fff7e5;
    --text-secondary: #f5d6a6;
    --text-tertiary: #d6b27a;
    --border: #3b2a18;
    --glass-bg: rgb(35 25 15 / 72%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(245 158 11 / 22%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(34 197 94 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(245 158 11 / 8%), rgb(34 197 94 / 5%));

}



.theme-frost {
    --primary: #a5b4fc;
    --primary-dark: #818cf8;
    --primary-light: #c7d2fe;
    --accent: #38bdf8;
    --background: #0b1220;
    --surface: #121a2a;
    --surface-light: #1a263a;
    --text-primary: #f1f5ff;
    --text-secondary: #c8d4f1;
    --text-tertiary: #9fb3d1;
    --border: #243652;
    --glass-bg: rgb(18 26 42 / 72%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(165 180 252 / 22%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(56 189 248 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(165 180 252 / 8%), rgb(56 189 248 / 5%));

}



.theme-ink {
    --primary: #64748b;
    --primary-dark: #475569;
    --primary-light: #94a3b8;
    --accent: #22d3ee;
    --background: #0b0f16;
    --surface: #101826;
    --surface-light: #182235;
    --text-primary: #eef2f7;
    --text-secondary: #c0c8d6;
    --text-tertiary: #8b98ad;
    --border: #222c3d;
    --glass-bg: rgb(16 24 38 / 72%);
    --glass-border: rgb(255 255 255 / 6%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(100 116 139 / 20%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(34 211 238 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(100 116 139 / 8%), rgb(34 211 238 / 5%));

}



.theme-gold {
    --primary: #fbbf24;
    --primary-dark: #f59e0b;
    --primary-light: #fde68a;
    --accent: #f97316;
    --background: #1a1208;
    --surface: #2a1c0f;
    --surface-light: #3b2614;
    --text-primary: #fff7e6;
    --text-secondary: #f5d9a6;
    --text-tertiary: #d6b27a;
    --border: #4a3116;
    --glass-bg: rgb(42 28 15 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(251 191 36 / 24%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(249 115 22 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(251 191 36 / 10%), rgb(249 115 22 / 5%));

}



.theme-silver {
    --primary: #cbd5f5;
    --primary-dark: #94a3b8;
    --primary-light: #e2e8f0;
    --accent: #38bdf8;
    --background: #0f172a;
    --surface: #141c2e;
    --surface-light: #1f2a44;
    --text-primary: #e2e8f0;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --border: #2a3650;
    --glass-bg: rgb(20 28 46 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(203 213 245 / 20%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(56 189 248 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(203 213 245 / 8%), rgb(56 189 248 / 5%));

}



.theme-platinum {
    --primary: #94a3b8;
    --primary-dark: #64748b;
    --primary-light: #e2e8f0;
    --accent: #14b8a6;
    --background: #0b111e;
    --surface: #131b2b;
    --surface-light: #1b2638;
    --text-primary: #e8edf7;
    --text-secondary: #c0cadb;
    --text-tertiary: #9aa7be;
    --border: #27324a;
    --glass-bg: rgb(19 27 43 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(148 163 184 / 20%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(20 184 166 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(148 163 184 / 8%), rgb(20 184 166 / 5%));

}



.theme-coffee {
    --primary: #c08457;
    --primary-dark: #a1623a;
    --primary-light: #e7c7a6;
    --accent: #f59e0b;
    --background: #1a120c;
    --surface: #261a12;
    --surface-light: #332318;
    --text-primary: #f9f4ee;
    --text-secondary: #e3d2c0;
    --text-tertiary: #c1aa96;
    --border: #3b291e;
    --glass-bg: rgb(38 26 18 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(192 132 87 / 24%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(245 158 11 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(192 132 87 / 10%), rgb(245 158 11 / 5%));

}



.theme-rose {
    --primary: #fb7185;
    --primary-dark: #f43f5e;
    --primary-light: #fda4af;
    --accent: #f472b6;
    --background: #1b0b13;
    --surface: #2a111a;
    --surface-light: #3a1824;
    --text-primary: #fff1f2;
    --text-secondary: #fecdd3;
    --text-tertiary: #fda4af;
    --border: #4a1a28;
    --glass-bg: rgb(42 17 26 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(251 113 133 / 22%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(244 114 182 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(251 113 133 / 8%), rgb(244 114 182 / 5%));

}



.theme-mint {
    --primary: #2dd4bf;
    --primary-dark: #14b8a6;
    --primary-light: #5eead4;
    --accent: #22c55e;
    --background: #0b1a18;
    --surface: #112421;
    --surface-light: #17322e;
    --text-primary: #f0fdfa;
    --text-secondary: #ccfbf1;
    --text-tertiary: #99f6e4;
    --border: #1f3a34;
    --glass-bg: rgb(17 36 33 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(46 230 200 / 20%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(34 197 94 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(46 230 200 / 8%), rgb(34 197 94 / 5%));

}



.theme-midnight {
    --primary: #38bdf8;
    --primary-dark: #0ea5e9;
    --primary-light: #7dd3fc;
    --accent: #6366f1;
    --background: #0a1020;
    --surface: #101a2d;
    --surface-light: #16253d;
    --text-primary: #eef2ff;
    --text-secondary: #c7d2fe;
    --text-tertiary: #a5b4fc;
    --border: #1f2a45;
    --glass-bg: rgb(16 26 45 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 15% -10%, rgb(99 102 241 / 20%), transparent 60%),

        radial-gradient(700px 360px at 85% 10%, rgb(56 189 248 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(99 102 241 / 8%), rgb(56 189 248 / 5%));
    --theme-anim-layer:

        radial-gradient(55% 45% at 20% 25%, rgb(99 102 241 / 24%), transparent 60%),

        radial-gradient(50% 40% at 80% 20%, rgb(56 189 248 / 20%), transparent 65%);
    --theme-anim-opacity: 0.16;

}



.theme-nebula {
    --primary: #22d3ee;
    --primary-dark: #06b6d4;
    --primary-light: #67e8f9;
    --accent: #a855f7;
    --background: #0a1226;
    --surface: #111b32;
    --surface-light: #182645;
    --text-primary: #f5f3ff;
    --text-secondary: #ddd6fe;
    --text-tertiary: #c4b5fd;
    --border: #1f2a49;
    --glass-bg: rgb(17 27 50 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(168 85 247 / 24%), transparent 60%),

        radial-gradient(700px 360px at 90% 15%, rgb(34 211 238 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(168 85 247 / 10%), rgb(34 211 238 / 5%));
    --theme-anim-layer:

        radial-gradient(60% 50% at 20% 30%, rgb(168 85 247 / 26%), transparent 60%),

        radial-gradient(50% 45% at 80% 20%, rgb(34 211 238 / 20%), transparent 65%);
    --theme-anim-opacity: 0.18;

}



.theme-ember {
    --primary: #fb923c;
    --primary-dark: #f97316;
    --primary-light: #fdba74;
    --accent: #f43f5e;
    --background: #1a0f0b;
    --surface: #27140f;
    --surface-light: #351d16;
    --text-primary: #fff7ed;
    --text-secondary: #fed7aa;
    --text-tertiary: #fdba74;
    --border: #3a231a;
    --glass-bg: rgb(39 20 15 / 70%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(251 146 60 / 24%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(244 63 94 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(251 146 60 / 10%), rgb(244 63 94 / 5%));
    --theme-anim-layer:

        radial-gradient(60% 50% at 20% 30%, rgb(251 146 60 / 25%), transparent 60%),

        radial-gradient(50% 40% at 80% 20%, rgb(244 63 94 / 20%), transparent 65%);
    --theme-anim-opacity: 0.16;

}



.theme-noir {
    --primary: #3dd9ff;
    --primary-dark: #1aa6d1;
    --primary-light: #7ce9ff;
    --accent: #7c3aed;
    --background: #090b12;
    --surface: #121826;
    --surface-light: #1a2435;
    --text-primary: #eef5ff;
    --text-secondary: #c2d0e6;
    --text-tertiary: #8fa1bf;
    --border: #22304a;
    --glass-bg: rgb(18 24 38 / 72%);
    --glass-border: rgb(255 255 255 / 7%);
    --glass-shadow: 0 14px 36px rgb(0 0 0 / 50%);
    --theme-bg-image:

        radial-gradient(900px 420px at 15% -10%, rgb(61 217 255 / 18%), transparent 60%),

        radial-gradient(700px 360px at 85% 15%, rgb(124 58 237 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(61 217 255 / 8%), rgb(124 58 237 / 5%));
    --theme-anim-layer:

        radial-gradient(55% 45% at 20% 30%, rgb(61 217 255 / 20%), transparent 60%),

        radial-gradient(50% 40% at 80% 20%, rgb(124 58 237 / 18%), transparent 65%);
    --theme-anim-opacity: 0.14;

}



.theme-solar {
    --primary: #ff9f1c;
    --primary-dark: #ff7a00;
    --primary-light: #ffd166;
    --accent: #ff4d6d;
    --background: #1a1208;
    --surface: #2a1a0e;
    --surface-light: #3a2412;
    --text-primary: #fff1dd;
    --text-secondary: #e7c8a6;
    --text-tertiary: #caa783;
    --border: #4a321c;
    --glass-bg: rgb(42 26 14 / 75%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 40%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(255 159 28 / 24%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(255 77 109 / 18%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(255 159 28 / 10%), rgb(255 77 109 / 5%));
    --theme-anim-layer:

        radial-gradient(60% 50% at 20% 30%, rgb(255 159 28 / 24%), transparent 60%),

        radial-gradient(50% 40% at 80% 20%, rgb(255 77 109 / 20%), transparent 65%);
    --theme-anim-opacity: 0.14;

}



.theme-aquamint {
    --primary: #2ee6c8;
    --primary-dark: #15bfa6;
    --primary-light: #7ef5de;
    --accent: #38bdf8;
    --background: #071b1a;
    --surface: #0f2a28;
    --surface-light: #173a36;
    --text-primary: #e6fffa;
    --text-secondary: #b6e6de;
    --text-tertiary: #8ac5bc;
    --border: #254744;
    --glass-bg: rgb(15 42 40 / 75%);
    --glass-border: rgb(255 255 255 / 8%);
    --glass-shadow: 0 12px 32px rgb(0 0 0 / 38%);
    --theme-bg-image:

        radial-gradient(900px 420px at 10% -10%, rgb(46 230 200 / 22%), transparent 60%),

        radial-gradient(700px 360px at 90% 10%, rgb(56 189 248 / 16%), transparent 62%);
    --theme-card-overlay: linear-gradient(135deg, rgb(46 230 200 / 10%), rgb(56 189 248 / 5%));

}



.theme-paper {
    --primary: #2f6bff;
    --primary-dark: #1f4fcc;
    --primary-light: #8bb4ff;
    --accent: #10b981;
    --background: #f6f2ea;
    --surface: #fffaf1;
    --surface-light: #f1e9dd;
    --text-primary: #2a2a2a;
    --text-secondary: #5b5b5b;
    --text-tertiary: #8a8a8a;
    --border: #e2d7c6;
    --glass-bg: rgb(255 250 241 / 88%);
    --glass-border: rgb(32 32 32 / 8%);
    --glass-shadow: 0 18px 40px rgb(73 56 29 / 12%);
    --theme-bg-image:

        repeating-linear-gradient(45deg, rgb(47 107 255 / 8%) 0 2px, transparent 2px 12px),

        radial-gradient(900px 420px at 10% -10%, rgb(246 242 234 / 90%), transparent 60%);
    --theme-bg-opacity: 0.2;
    --theme-card-overlay: linear-gradient(135deg, rgb(47 107 255 / 6%), rgb(246 242 234 / 20%));

}



.theme-mono {
    --primary: #cbd5f5;
    --primary-dark: #a0aec0;
    --primary-light: #e2e8f0;
    --accent: #94a3b8;
    --background: #0f1115;
    --surface: #171a20;
    --surface-light: #1f2430;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --border: #2a313f;
    --glass-bg: rgb(23 26 32 / 75%);
    --glass-border: rgb(255 255 255 / 6%);
    --glass-shadow: 0 12px 28px rgb(0 0 0 / 45%);
    --theme-bg-image:

        linear-gradient(120deg, rgb(203 213 245 / 12%), transparent 55%),

        repeating-linear-gradient(90deg, rgb(255 255 255 / 5%) 0 1px, transparent 1px 12px);
    --theme-card-overlay: linear-gradient(135deg, rgb(203 213 245 / 8%), rgb(15 17 21 / 30%));

}