/**
 * Cafe Multi-Theme Engine - 69 Handcrafted Themes
 * Supports Light Mode & Dark Mode with Tailored Design Tokens
 */

/* ========================================================
 * 12 RASI BINTANG ZODIAK KOSMIK DENGAN ANIMASI BACKGROUND
 * ======================================================== */

/* 1. SCORPIO - Passion Coral & Ruby Tropis (Warna Cerah) */
:root[data-theme="zodiac_scorpio"], html[data-theme="zodiac_scorpio"], [data-theme="zodiac_scorpio"] {
    --bg-main: #fff1f2;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #ffe4e6;
    --bg-elevated: #fecdd3;
    --bg-navbar: rgba(255, 241, 242, 0.96);
    --border-subtle: #fecdd3;
    --border-light: #fda4af;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.3);
    --primary-contrast: #ffffff;
    --accent: #f97316;
    --text-main: #4c0519;
    --text-heading: #1c0209;
    --text-muted: #9f1239;
    --text-dim: #be123c;
    --bg-radial-1: rgba(244, 63, 94, 0.16);
    --bg-radial-2: rgba(249, 115, 22, 0.12);
}
body[data-theme="zodiac_scorpio"], html[data-theme="zodiac_scorpio"] {
    --admin-bg: #fff1f2;
    --admin-card: #ffffff;
    --admin-surface: #ffe4e6;
    --admin-border: #fecdd3;
    --admin-border-light: #fda4af;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.3);
    --accent: #f97316;
    --text-main: #4c0519;
    --text-heading: #1c0209;
    --text-muted: #9f1239;
}

/* 2. ARIES - Sunrise Coral & Emas Hangat (Warna Cerah) */
:root[data-theme="zodiac_aries"], html[data-theme="zodiac_aries"], [data-theme="zodiac_aries"] {
    --bg-main: #fff1f0;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #fee2e2;
    --bg-elevated: #fecaca;
    --bg-navbar: rgba(255, 241, 240, 0.96);
    --border-subtle: #fecaca;
    --border-light: #fca5a5;
    --primary: #ef4444;
    --primary-hover: #dc2626;
    --primary-glow: rgba(239, 68, 68, 0.3);
    --primary-contrast: #ffffff;
    --accent: #f59e0b;
    --text-main: #450a0a;
    --text-heading: #1c0404;
    --text-muted: #991b1b;
    --text-dim: #b91c1c;
    --bg-radial-1: rgba(239, 68, 68, 0.16);
    --bg-radial-2: rgba(245, 158, 11, 0.12);
}
body[data-theme="zodiac_aries"], html[data-theme="zodiac_aries"] {
    --admin-bg: #fff1f0;
    --admin-card: #ffffff;
    --admin-surface: #fee2e2;
    --admin-border: #fecaca;
    --admin-border-light: #fca5a5;
    --primary: #ef4444;
    --primary-hover: #dc2626;
    --primary-glow: rgba(239, 68, 68, 0.3);
    --accent: #f59e0b;
    --text-main: #450a0a;
    --text-heading: #1c0404;
    --text-muted: #991b1b;
}

/* 3. TAURUS - Botanical Mint & Zamrud Segar (Warna Cerah) */
:root[data-theme="zodiac_taurus"], html[data-theme="zodiac_taurus"], [data-theme="zodiac_taurus"] {
    --bg-main: #f0fdf4;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #dcfce7;
    --bg-elevated: #bbf7d0;
    --bg-navbar: rgba(240, 253, 244, 0.96);
    --border-subtle: #bbf7d0;
    --border-light: #86efac;
    --primary: #10b981;
    --primary-hover: #059669;
    --primary-glow: rgba(16, 185, 129, 0.3);
    --primary-contrast: #ffffff;
    --accent: #d97706;
    --text-main: #064e3b;
    --text-heading: #022c22;
    --text-muted: #047857;
    --text-dim: #059669;
    --bg-radial-1: rgba(16, 185, 129, 0.16);
    --bg-radial-2: rgba(217, 119, 6, 0.12);
}
body[data-theme="zodiac_taurus"], html[data-theme="zodiac_taurus"] {
    --admin-bg: #f0fdf4;
    --admin-card: #ffffff;
    --admin-surface: #dcfce7;
    --admin-border: #bbf7d0;
    --admin-border-light: #86efac;
    --primary: #10b981;
    --primary-hover: #059669;
    --primary-glow: rgba(16, 185, 129, 0.3);
    --accent: #d97706;
    --text-main: #064e3b;
    --text-heading: #022c22;
    --text-muted: #047857;
}

/* 4. GEMINI - Sunshine Azure & Mentari Cerah (Warna Cerah) */
:root[data-theme="zodiac_gemini"], html[data-theme="zodiac_gemini"], [data-theme="zodiac_gemini"] {
    --bg-main: #fefce8;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(254, 252, 232, 0.96);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(217, 119, 6, 0.3);
    --primary-contrast: #ffffff;
    --accent: #0284c7;
    --text-main: #713f12;
    --text-heading: #422006;
    --text-muted: #854d0e;
    --text-dim: #a16207;
    --bg-radial-1: rgba(234, 179, 8, 0.16);
    --bg-radial-2: rgba(2, 132, 199, 0.12);
}
body[data-theme="zodiac_gemini"], html[data-theme="zodiac_gemini"] {
    --admin-bg: #fefce8;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(217, 119, 6, 0.3);
    --accent: #0284c7;
    --text-main: #713f12;
    --text-heading: #422006;
    --text-muted: #854d0e;
}

/* 5. CANCER - Mutiara Samudra & Cyan Mist (Warna Cerah) */
:root[data-theme="zodiac_cancer"], html[data-theme="zodiac_cancer"], [data-theme="zodiac_cancer"] {
    --bg-main: #f0f9ff;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #e0f2fe;
    --bg-elevated: #bae6fd;
    --bg-navbar: rgba(240, 249, 255, 0.96);
    --border-subtle: #bae6fd;
    --border-light: #7dd3fc;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.3);
    --primary-contrast: #ffffff;
    --accent: #9333ea;
    --text-main: #0c4a6e;
    --text-heading: #082f49;
    --text-muted: #0369a1;
    --text-dim: #0284c7;
    --bg-radial-1: rgba(2, 132, 199, 0.16);
    --bg-radial-2: rgba(147, 51, 234, 0.12);
}
body[data-theme="zodiac_cancer"], html[data-theme="zodiac_cancer"] {
    --admin-bg: #f0f9ff;
    --admin-card: #ffffff;
    --admin-surface: #e0f2fe;
    --admin-border: #bae6fd;
    --admin-border-light: #7dd3fc;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.3);
    --accent: #9333ea;
    --text-main: #0c4a6e;
    --text-heading: #082f49;
    --text-muted: #0369a1;
}

/* 6. LEO - Golden Sunburst & Emas Kerajaan (Warna Cerah) */
:root[data-theme="zodiac_leo"], html[data-theme="zodiac_leo"], [data-theme="zodiac_leo"] {
    --bg-main: #fffbeb;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #fef3c7;
    --bg-elevated: #fde68a;
    --bg-navbar: rgba(255, 251, 235, 0.96);
    --border-subtle: #fde68a;
    --border-light: #fcd34d;
    --primary: #ea580c;
    --primary-hover: #c2410c;
    --primary-glow: rgba(234, 88, 12, 0.3);
    --primary-contrast: #ffffff;
    --accent: #dc2626;
    --text-main: #78350f;
    --text-heading: #451a03;
    --text-muted: #92400e;
    --text-dim: #b45309;
    --bg-radial-1: rgba(234, 88, 12, 0.16);
    --bg-radial-2: rgba(220, 38, 38, 0.12);
}
body[data-theme="zodiac_leo"], html[data-theme="zodiac_leo"] {
    --admin-bg: #fffbeb;
    --admin-card: #ffffff;
    --admin-surface: #fef3c7;
    --admin-border: #fde68a;
    --admin-border-light: #fcd34d;
    --primary: #ea580c;
    --primary-hover: #c2410c;
    --primary-glow: rgba(234, 88, 12, 0.3);
    --accent: #dc2626;
    --text-main: #78350f;
    --text-heading: #451a03;
    --text-muted: #92400e;
}

/* 7. VIRGO - Pure Sage Linen & Hijau Giok (Warna Cerah) */
:root[data-theme="zodiac_virgo"], html[data-theme="zodiac_virgo"], [data-theme="zodiac_virgo"] {
    --bg-main: #f0fdfa;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #ccfbf1;
    --bg-elevated: #99f6e4;
    --bg-navbar: rgba(240, 253, 250, 0.96);
    --border-subtle: #99f6e4;
    --border-light: #5eead4;
    --primary: #0d9488;
    --primary-hover: #0f766e;
    --primary-glow: rgba(13, 148, 136, 0.3);
    --primary-contrast: #ffffff;
    --accent: #ec4899;
    --text-main: #134e4a;
    --text-heading: #042f2e;
    --text-muted: #0f766e;
    --text-dim: #115e59;
    --bg-radial-1: rgba(13, 148, 136, 0.16);
    --bg-radial-2: rgba(236, 72, 153, 0.12);
}
body[data-theme="zodiac_virgo"], html[data-theme="zodiac_virgo"] {
    --admin-bg: #f0fdfa;
    --admin-card: #ffffff;
    --admin-surface: #ccfbf1;
    --admin-border: #99f6e4;
    --admin-border-light: #5eead4;
    --primary: #0d9488;
    --primary-hover: #0f766e;
    --primary-glow: rgba(13, 148, 136, 0.3);
    --accent: #ec4899;
    --text-main: #134e4a;
    --text-heading: #042f2e;
    --text-muted: #0f766e;
}

/* 8. LIBRA - Romantic Pastel Rose & Sky Blue (Warna Cerah) */
:root[data-theme="zodiac_libra"], html[data-theme="zodiac_libra"], [data-theme="zodiac_libra"] {
    --bg-main: #fdf2f8;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #fce7f3;
    --bg-elevated: #fbcfe8;
    --bg-navbar: rgba(253, 242, 248, 0.96);
    --border-subtle: #fbcfe8;
    --border-light: #f472b6;
    --primary: #db2777;
    --primary-hover: #be185d;
    --primary-glow: rgba(219, 39, 119, 0.3);
    --primary-contrast: #ffffff;
    --accent: #0284c7;
    --text-main: #831843;
    --text-heading: #500724;
    --text-muted: #9d174d;
    --text-dim: #be185d;
    --bg-radial-1: rgba(219, 39, 119, 0.16);
    --bg-radial-2: rgba(2, 132, 199, 0.12);
}
body[data-theme="zodiac_libra"], html[data-theme="zodiac_libra"] {
    --admin-bg: #fdf2f8;
    --admin-card: #ffffff;
    --admin-surface: #fce7f3;
    --admin-border: #fbcfe8;
    --admin-border-light: #f472b6;
    --primary: #db2777;
    --primary-hover: #be185d;
    --primary-glow: rgba(219, 39, 119, 0.3);
    --accent: #0284c7;
    --text-main: #831843;
    --text-heading: #500724;
    --text-muted: #9d174d;
}

/* 9. SAGITTARIUS - Electric Amethyst & Lavender Mist (Warna Cerah) */
:root[data-theme="zodiac_sagittarius"], html[data-theme="zodiac_sagittarius"], [data-theme="zodiac_sagittarius"] {
    --bg-main: #faf5ff;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #f3e8ff;
    --bg-elevated: #e9d5ff;
    --bg-navbar: rgba(250, 245, 255, 0.96);
    --border-subtle: #e9d5ff;
    --border-light: #d8b4fe;
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --primary-glow: rgba(124, 58, 237, 0.3);
    --primary-contrast: #ffffff;
    --accent: #0ea5e9;
    --text-main: #3b0764;
    --text-heading: #240046;
    --text-muted: #6b21a8;
    --text-dim: #7e22ce;
    --bg-radial-1: rgba(124, 58, 237, 0.16);
    --bg-radial-2: rgba(14, 165, 233, 0.12);
}
body[data-theme="zodiac_sagittarius"], html[data-theme="zodiac_sagittarius"] {
    --admin-bg: #faf5ff;
    --admin-card: #ffffff;
    --admin-surface: #f3e8ff;
    --admin-border: #e9d5ff;
    --admin-border-light: #d8b4fe;
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --primary-glow: rgba(124, 58, 237, 0.3);
    --accent: #0ea5e9;
    --text-main: #3b0764;
    --text-heading: #240046;
    --text-muted: #6b21a8;
}

/* 10. CAPRICORN - Terracotta Sand & Emas Hangat (Warna Cerah) */
:root[data-theme="zodiac_capricorn"], html[data-theme="zodiac_capricorn"], [data-theme="zodiac_capricorn"] {
    --bg-main: #fffbeb;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #fef3c7;
    --bg-elevated: #fde68a;
    --bg-navbar: rgba(255, 251, 235, 0.96);
    --border-subtle: #fde68a;
    --border-light: #fcd34d;
    --primary: #b45309;
    --primary-hover: #92400e;
    --primary-glow: rgba(180, 83, 9, 0.3);
    --primary-contrast: #ffffff;
    --accent: #0f766e;
    --text-main: #451a03;
    --text-heading: #291002;
    --text-muted: #78350f;
    --text-dim: #92400e;
    --bg-radial-1: rgba(180, 83, 9, 0.16);
    --bg-radial-2: rgba(15, 118, 110, 0.12);
}
body[data-theme="zodiac_capricorn"], html[data-theme="zodiac_capricorn"] {
    --admin-bg: #fffbeb;
    --admin-card: #ffffff;
    --admin-surface: #fef3c7;
    --admin-border: #fde68a;
    --admin-border-light: #fcd34d;
    --primary: #b45309;
    --primary-hover: #92400e;
    --primary-glow: rgba(180, 83, 9, 0.3);
    --accent: #0f766e;
    --text-main: #451a03;
    --text-heading: #291002;
    --text-muted: #78350f;
}

/* 11. AQUARIUS - Electric Turquoise & Cyan Pirus (Warna Cerah) */
:root[data-theme="zodiac_aquarius"], html[data-theme="zodiac_aquarius"], [data-theme="zodiac_aquarius"] {
    --bg-main: #ecfeff;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #cffafe;
    --bg-elevated: #a5f3fc;
    --bg-navbar: rgba(236, 254, 255, 0.96);
    --border-subtle: #a5f3fc;
    --border-light: #67e8f9;
    --primary: #0891b2;
    --primary-hover: #0e7490;
    --primary-glow: rgba(8, 145, 178, 0.3);
    --primary-contrast: #ffffff;
    --accent: #6366f1;
    --text-main: #164e63;
    --text-heading: #083344;
    --text-muted: #0e7490;
    --text-dim: #155e75;
    --bg-radial-1: rgba(8, 145, 178, 0.16);
    --bg-radial-2: rgba(99, 102, 241, 0.12);
}
body[data-theme="zodiac_aquarius"], html[data-theme="zodiac_aquarius"] {
    --admin-bg: #ecfeff;
    --admin-card: #ffffff;
    --admin-surface: #cffafe;
    --admin-border: #a5f3fc;
    --admin-border-light: #67e8f9;
    --primary: #0891b2;
    --primary-hover: #0e7490;
    --primary-glow: rgba(8, 145, 178, 0.3);
    --accent: #6366f1;
    --text-main: #164e63;
    --text-heading: #083344;
    --text-muted: #0e7490;
}

/* 12. PISCES - Ethereal Aquamarine & Seafoam Indigo (Warna Cerah) */
:root[data-theme="zodiac_pisces"], html[data-theme="zodiac_pisces"], [data-theme="zodiac_pisces"] {
    --bg-main: #f0fdfa;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-surface: #e0e7ff;
    --bg-elevated: #c7d2fe;
    --bg-navbar: rgba(240, 253, 250, 0.96);
    --border-subtle: #c7d2fe;
    --border-light: #a5b4fc;
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-glow: rgba(79, 70, 229, 0.3);
    --primary-contrast: #ffffff;
    --accent: #0d9488;
    --text-main: #1e1b4b;
    --text-heading: #0f0e26;
    --text-muted: #3730a3;
    --text-dim: #4338ca;
    --bg-radial-1: rgba(79, 70, 229, 0.16);
    --bg-radial-2: rgba(13, 148, 136, 0.12);
}
body[data-theme="zodiac_pisces"], html[data-theme="zodiac_pisces"] {
    --admin-bg: #f0fdfa;
    --admin-card: #ffffff;
    --admin-surface: #e0e7ff;
    --admin-border: #c7d2fe;
    --admin-border-light: #a5b4fc;
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-glow: rgba(79, 70, 229, 0.3);
    --accent: #0d9488;
    --text-main: #1e1b4b;
    --text-heading: #0f0e26;
    --text-muted: #3730a3;
}

/* ========================================================
 * Theme: Hello Kitty Sweet Pink [hello_kitty]
 * ======================================================== */
[data-theme="hello_kitty"] {
    --bg-main: #fff0f5;
    --bg-card: #ffffff;
    --bg-surface: #ffe4e1;
    --bg-elevated: #fed7e2;
    --bg-navbar: rgba(255, 240, 245, 0.92);
    --border-subtle: #fbcfe8;
    --border-light: #f472b6;
    --primary: #ff4081;
    --primary-hover: #e91e63;
    --primary-glow: rgba(255, 64, 129, 0.3);
    --primary-contrast: #ffffff;
    --accent: #ff1493;
    --text-main: #4a154b;
    --text-heading: #1f0624;
    --text-muted: #832363;
    --text-dim: #9d427d;
    --bg-radial-1: rgba(255, 64, 129, 0.1);
    --bg-radial-2: rgba(255, 20, 147, 0.08);
}

body[data-theme="hello_kitty"], html[data-theme="hello_kitty"] {
    --admin-bg: #fff0f5;
    --admin-card: #ffffff;
    --admin-surface: #ffe4e1;
    --admin-border: #fbcfe8;
    --admin-border-light: #f472b6;
    --primary: #ff4081;
    --primary-hover: #e91e63;
    --primary-glow: rgba(255, 64, 129, 0.25);
    --accent: #ff1493;
    --text-main: #4a154b;
    --text-heading: #1f0624;
    --text-muted: #832363;
}

/* ========================================================
 * Theme: Balapan F1 / Motorsports [racing_f1]
 * ======================================================== */
[data-theme="racing_f1"] {
    --bg-main: #0c0d11;
    --bg-card: #14161d;
    --bg-surface: #1c1f29;
    --bg-elevated: #252a37;
    --bg-navbar: rgba(12, 13, 17, 0.92);
    --border-subtle: #2b3040;
    --border-light: #3d445c;
    --primary: #ef4444;
    --primary-hover: #dc2626;
    --primary-glow: rgba(239, 68, 68, 0.35);
    --primary-contrast: #ffffff;
    --accent: #eab308;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(239, 68, 68, 0.12);
    --bg-radial-2: rgba(234, 179, 8, 0.08);
}

body[data-theme="racing_f1"], html[data-theme="racing_f1"] {
    --admin-bg: #0c0d11;
    --admin-card: #14161d;
    --admin-surface: #1c1f29;
    --admin-border: #2b3040;
    --admin-border-light: #3d445c;
    --primary: #ef4444;
    --primary-hover: #dc2626;
    --primary-glow: rgba(239, 68, 68, 0.35);
    --accent: #eab308;
}

/* ========================================================
 * Theme: Valentine Romance [valentine_love]
 * ======================================================== */
[data-theme="valentine_love"] {
    --bg-main: #14060b;
    --bg-card: #1e0a11;
    --bg-surface: #2b0f19;
    --bg-elevated: #3a1523;
    --bg-navbar: rgba(20, 6, 11, 0.92);
    --border-subtle: #451829;
    --border-light: #602239;
    --primary: #f43f5e;
    --primary-hover: #e11d48;
    --primary-glow: rgba(244, 63, 94, 0.35);
    --primary-contrast: #ffffff;
    --accent: #fb7185;
    --text-main: #fce7f3;
    --text-heading: #ffffff;
    --text-muted: #f472b6;
    --text-dim: #9d174d;
    --bg-radial-1: rgba(244, 63, 94, 0.12);
    --bg-radial-2: rgba(251, 113, 133, 0.09);
}

body[data-theme="valentine_love"], html[data-theme="valentine_love"] {
    --admin-bg: #14060b;
    --admin-card: #1e0a11;
    --admin-surface: #2b0f19;
    --admin-border: #451829;
    --admin-border-light: #602239;
    --primary: #f43f5e;
    --primary-hover: #e11d48;
    --primary-glow: rgba(244, 63, 94, 0.3);
    --accent: #fb7185;
}

/* ========================================================
 * Theme: Anime Sakura Spring [anime_sakura]
 * ======================================================== */
[data-theme="anime_sakura"] {
    --bg-main: #fff5f7;
    --bg-card: #ffffff;
    --bg-surface: #ffe4ea;
    --bg-elevated: #ffd0dc;
    --bg-navbar: rgba(255, 245, 247, 0.92);
    --border-subtle: #fbcfe8;
    --border-light: #f472b6;
    --primary: #ec4899;
    --primary-hover: #db2777;
    --primary-glow: rgba(236, 72, 153, 0.25);
    --primary-contrast: #ffffff;
    --accent: #a855f7;
    --text-main: #4a154b;
    --text-heading: #1f0624;
    --text-muted: #701a75;
    --text-dim: #a21caf;
    --bg-radial-1: rgba(236, 72, 153, 0.1);
    --bg-radial-2: rgba(168, 85, 247, 0.08);
}

body[data-theme="anime_sakura"], html[data-theme="anime_sakura"] {
    --admin-bg: #fff5f7;
    --admin-card: #ffffff;
    --admin-surface: #ffe4ea;
    --admin-border: #fbcfe8;
    --admin-border-light: #f472b6;
    --primary: #ec4899;
    --primary-hover: #db2777;
    --primary-glow: rgba(236, 72, 153, 0.25);
    --accent: #a855f7;
    --text-main: #4a154b;
    --text-heading: #1f0624;
    --text-muted: #701a75;
}

/* ========================================================
 * Theme: 80s Retro Arcade Synthwave [retro_arcade]
 * ======================================================== */
[data-theme="retro_arcade"] {
    --bg-main: #0a0314;
    --bg-card: #140826;
    --bg-surface: #1e0c38;
    --bg-elevated: #2b124e;
    --bg-navbar: rgba(10, 3, 20, 0.92);
    --border-subtle: #381665;
    --border-light: #512192;
    --primary: #ec4899;
    --primary-hover: #f43f5e;
    --primary-glow: rgba(236, 72, 153, 0.4);
    --primary-contrast: #ffffff;
    --accent: #06b6d4;
    --text-main: #f5edfd;
    --text-heading: #ffffff;
    --text-muted: #c084fc;
    --text-dim: #8b5cf6;
    --bg-radial-1: rgba(236, 72, 153, 0.14);
    --bg-radial-2: rgba(6, 182, 212, 0.12);
}

body[data-theme="retro_arcade"], html[data-theme="retro_arcade"] {
    --admin-bg: #0a0314;
    --admin-card: #140826;
    --admin-surface: #1e0c38;
    --admin-border: #381665;
    --admin-border-light: #512192;
    --primary: #ec4899;
    --primary-hover: #f43f5e;
    --primary-glow: rgba(236, 72, 153, 0.35);
    --accent: #06b6d4;
}

/* ========================================================
 * Theme: Cyber Matrix Hacker [cyberpunk_matrix]
 * ======================================================== */
[data-theme="cyberpunk_matrix"] {
    --bg-main: #030a05;
    --bg-card: #07150a;
    --bg-surface: #0c2211;
    --bg-elevated: #123019;
    --bg-navbar: rgba(3, 10, 5, 0.92);
    --border-subtle: #1a4223;
    --border-light: #276234;
    --primary: #22c55e;
    --primary-hover: #16a34a;
    --primary-glow: rgba(34, 197, 94, 0.4);
    --primary-contrast: #021a08;
    --accent: #10b981;
    --text-main: #dcfce7;
    --text-heading: #ffffff;
    --text-muted: #86efac;
    --text-dim: #4ade80;
    --bg-radial-1: rgba(34, 197, 94, 0.12);
    --bg-radial-2: rgba(16, 185, 129, 0.08);
}

body[data-theme="cyberpunk_matrix"], html[data-theme="cyberpunk_matrix"] {
    --admin-bg: #030a05;
    --admin-card: #07150a;
    --admin-surface: #0c2211;
    --admin-border: #1a4223;
    --admin-border-light: #276234;
    --primary: #22c55e;
    --primary-hover: #16a34a;
    --primary-glow: rgba(34, 197, 94, 0.35);
    --accent: #10b981;
}

/* ========================================================
 * Theme: Deep Space Nebula [space_galaxy]
 * ======================================================== */
[data-theme="space_galaxy"] {
    --bg-main: #060312;
    --bg-card: #0e0824;
    --bg-surface: #160d37;
    --bg-elevated: #20134e;
    --bg-navbar: rgba(6, 3, 18, 0.92);
    --border-subtle: #2c1965;
    --border-light: #3f258e;
    --primary: #8b5cf6;
    --primary-hover: #7c3aed;
    --primary-glow: rgba(139, 92, 246, 0.4);
    --primary-contrast: #ffffff;
    --accent: #38bdf8;
    --text-main: #ede9fe;
    --text-heading: #ffffff;
    --text-muted: #c4b5fd;
    --text-dim: #a78bfa;
    --bg-radial-1: rgba(139, 92, 246, 0.14);
    --bg-radial-2: rgba(56, 189, 248, 0.1);
}

body[data-theme="space_galaxy"], html[data-theme="space_galaxy"] {
    --admin-bg: #060312;
    --admin-card: #0e0824;
    --admin-surface: #160d37;
    --admin-border: #2c1965;
    --admin-border-light: #3f258e;
    --primary: #8b5cf6;
    --primary-hover: #7c3aed;
    --primary-glow: rgba(139, 92, 246, 0.35);
    --accent: #38bdf8;
}

/* ========================================================
 * Theme: Spooky Pumpkin Fest [halloween_spooky]
 * ======================================================== */
[data-theme="halloween_spooky"] {
    --bg-main: #0f0502;
    --bg-card: #1a0903;
    --bg-surface: #270e06;
    --bg-elevated: #381408;
    --bg-navbar: rgba(15, 5, 2, 0.92);
    --border-subtle: #44190c;
    --border-light: #602411;
    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-glow: rgba(249, 115, 22, 0.38);
    --primary-contrast: #000000;
    --accent: #a855f7;
    --text-main: #ffedd5;
    --text-heading: #ffffff;
    --text-muted: #fdba74;
    --text-dim: #fb923c;
    --bg-radial-1: rgba(249, 115, 22, 0.12);
    --bg-radial-2: rgba(168, 85, 247, 0.08);
}

body[data-theme="halloween_spooky"], html[data-theme="halloween_spooky"] {
    --admin-bg: #0f0502;
    --admin-card: #1a0903;
    --admin-surface: #270e06;
    --admin-border: #44190c;
    --admin-border-light: #602411;
    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-glow: rgba(249, 115, 22, 0.35);
    --accent: #a855f7;
}

/* ========================================================
 * Theme: Electric Cobalt Blue [electric_blue]
 * ======================================================== */
[data-theme="electric_blue"] {
    --bg-main: #050c1e;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #2563eb;
    --primary-hover: #60a5fa;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #60a5fa;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="electric_blue"], html[data-theme="electric_blue"] {
    --admin-bg: #050c1e;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #2563eb;
    --primary-hover: #60a5fa;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #60a5fa;
}

/* ========================================================
 * Theme: Tropical Ocean Lagoon [ocean_lagoon]
 * ======================================================== */
[data-theme="ocean_lagoon"] {
    --bg-main: #041419;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #06b6d4;
    --primary-hover: #14b8a6;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #14b8a6;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="ocean_lagoon"], html[data-theme="ocean_lagoon"] {
    --admin-bg: #041419;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #06b6d4;
    --primary-hover: #14b8a6;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #14b8a6;
}

/* ========================================================
 * Theme: Arctic Glacier Ice [arctic_glacier]
 * ======================================================== */
[data-theme="arctic_glacier"] {
    --bg-main: #f0f9ff;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #0284c7;
    --primary-hover: #38bdf8;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #38bdf8;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="arctic_glacier"], html[data-theme="arctic_glacier"] {
    --admin-bg: #f0f9ff;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #0284c7;
    --primary-hover: #38bdf8;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #38bdf8;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Midnight Royal Sapphire [midnight_sapphire]
 * ======================================================== */
[data-theme="midnight_sapphire"] {
    --bg-main: #040a16;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #3b82f6;
    --primary-hover: #93c5fd;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #93c5fd;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="midnight_sapphire"], html[data-theme="midnight_sapphire"] {
    --admin-bg: #040a16;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #3b82f6;
    --primary-hover: #93c5fd;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #93c5fd;
}

/* ========================================================
 * Theme: Vintage Denim Indigo [denim_chic]
 * ======================================================== */
[data-theme="denim_chic"] {
    --bg-main: #f4f6fb;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #3b5998;
    --primary-hover: #64748b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #64748b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="denim_chic"], html[data-theme="denim_chic"] {
    --admin-bg: #f4f6fb;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #3b5998;
    --primary-hover: #64748b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #64748b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Cerah Langit Biru [sky_cloud]
 * ======================================================== */
[data-theme="sky_cloud"] {
    --bg-main: #f0fdfa;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #0ea5e9;
    --primary-hover: #facc15;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #facc15;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="sky_cloud"], html[data-theme="sky_cloud"] {
    --admin-bg: #f0fdfa;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #0ea5e9;
    --primary-hover: #facc15;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #facc15;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Crimson Blaze Flame [crimson_blaze]
 * ======================================================== */
[data-theme="crimson_blaze"] {
    --bg-main: #140507;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #dc2626;
    --primary-hover: #f97316;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #f97316;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="crimson_blaze"], html[data-theme="crimson_blaze"] {
    --admin-bg: #140507;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #dc2626;
    --primary-hover: #f97316;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #f97316;
}

/* ========================================================
 * Theme: Ruby Passion Gold [ruby_elegance]
 * ======================================================== */
[data-theme="ruby_elegance"] {
    --bg-main: #19040a;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #e11d48;
    --primary-hover: #fbbf24;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fbbf24;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="ruby_elegance"], html[data-theme="ruby_elegance"] {
    --admin-bg: #19040a;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #e11d48;
    --primary-hover: #fbbf24;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fbbf24;
}

/* ========================================================
 * Theme: Sunset Coral Glow [sunset_flame]
 * ======================================================== */
[data-theme="sunset_flame"] {
    --bg-main: #19080b;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #f43f5e;
    --primary-hover: #fb923c;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fb923c;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="sunset_flame"], html[data-theme="sunset_flame"] {
    --admin-bg: #19080b;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #f43f5e;
    --primary-hover: #fb923c;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fb923c;
}

/* ========================================================
 * Theme: Spicy Chili Sriracha [chili_pepper]
 * ======================================================== */
[data-theme="chili_pepper"] {
    --bg-main: #fff5f5;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #e11d48;
    --primary-hover: #84cc16;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #84cc16;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="chili_pepper"], html[data-theme="chili_pepper"] {
    --admin-bg: #fff5f5;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #e11d48;
    --primary-hover: #84cc16;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #84cc16;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Terracotta Bohemian [terracotta_warm]
 * ======================================================== */
[data-theme="terracotta_warm"] {
    --bg-main: #fdf8f4;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #c2410c;
    --primary-hover: #854d0e;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #854d0e;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="terracotta_warm"], html[data-theme="terracotta_warm"] {
    --admin-bg: #fdf8f4;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #c2410c;
    --primary-hover: #854d0e;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #854d0e;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Juicy Mango Tango [mango_tango]
 * ======================================================== */
[data-theme="mango_tango"] {
    --bg-main: #fffbeb;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #ea580c;
    --primary-hover: #f59e0b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #f59e0b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="mango_tango"], html[data-theme="mango_tango"] {
    --admin-bg: #fffbeb;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #ea580c;
    --primary-hover: #f59e0b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #f59e0b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Cyber Neon Lime [neon_lime]
 * ======================================================== */
[data-theme="neon_lime"] {
    --bg-main: #060f07;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #84cc16;
    --primary-hover: #22c55e;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #22c55e;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="neon_lime"], html[data-theme="neon_lime"] {
    --admin-bg: #060f07;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #84cc16;
    --primary-hover: #22c55e;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #22c55e;
}

/* ========================================================
 * Theme: Deep Forest Pine [forest_pine]
 * ======================================================== */
[data-theme="forest_pine"] {
    --bg-main: #051209;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #15803d;
    --primary-hover: #4ade80;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #4ade80;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="forest_pine"], html[data-theme="forest_pine"] {
    --admin-bg: #051209;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #15803d;
    --primary-hover: #4ade80;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #4ade80;
}

/* ========================================================
 * Theme: Fresh Mint Gelato [mint_gelato]
 * ======================================================== */
[data-theme="mint_gelato"] {
    --bg-main: #f0fdf4;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #10b981;
    --primary-hover: #34d399;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #34d399;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="mint_gelato"], html[data-theme="mint_gelato"] {
    --admin-bg: #f0fdf4;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #10b981;
    --primary-hover: #34d399;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #34d399;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Creamy Avocado Toast [avocado_toast]
 * ======================================================== */
[data-theme="avocado_toast"] {
    --bg-main: #f6f9f3;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #65a30d;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #ca8a04;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="avocado_toast"], html[data-theme="avocado_toast"] {
    --admin-bg: #f6f9f3;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #65a30d;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #ca8a04;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Imperial Emerald Gold [emerald_luxury]
 * ======================================================== */
[data-theme="emerald_luxury"] {
    --bg-main: #04120a;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #059669;
    --primary-hover: #d97706;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #d97706;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="emerald_luxury"], html[data-theme="emerald_luxury"] {
    --admin-bg: #04120a;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #059669;
    --primary-hover: #d97706;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #d97706;
}

/* ========================================================
 * Theme: Bamboo Zen Forest [bamboo_zen]
 * ======================================================== */
[data-theme="bamboo_zen"] {
    --bg-main: #f7faf5;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #16a34a;
    --primary-hover: #a3e635;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #a3e635;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="bamboo_zen"], html[data-theme="bamboo_zen"] {
    --admin-bg: #f7faf5;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #16a34a;
    --primary-hover: #a3e635;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #a3e635;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Bubblegum Sweet Pop [bubblegum_pop]
 * ======================================================== */
[data-theme="bubblegum_pop"] {
    --bg-main: #fdf2f8;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #ec4899;
    --primary-hover: #06b6d4;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #06b6d4;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="bubblegum_pop"], html[data-theme="bubblegum_pop"] {
    --admin-bg: #fdf2f8;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #ec4899;
    --primary-hover: #06b6d4;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #06b6d4;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Lavender Dream Field [lavender_dream]
 * ======================================================== */
[data-theme="lavender_dream"] {
    --bg-main: #faf5ff;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #a855f7;
    --primary-hover: #ec4899;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #ec4899;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="lavender_dream"], html[data-theme="lavender_dream"] {
    --admin-bg: #faf5ff;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #a855f7;
    --primary-hover: #ec4899;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #ec4899;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Electric Grape & Plum [electric_grape]
 * ======================================================== */
[data-theme="electric_grape"] {
    --bg-main: #11051b;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #9333ea;
    --primary-hover: #c084fc;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #c084fc;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="electric_grape"], html[data-theme="electric_grape"] {
    --admin-bg: #11051b;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #9333ea;
    --primary-hover: #c084fc;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #c084fc;
}

/* ========================================================
 * Theme: Sweet Peach Apricot [peach_blossom]
 * ======================================================== */
[data-theme="peach_blossom"] {
    --bg-main: #fff7ed;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #f97316;
    --primary-hover: #fb7185;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #fb7185;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="peach_blossom"], html[data-theme="peach_blossom"] {
    --admin-bg: #fff7ed;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #f97316;
    --primary-hover: #fb7185;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #fb7185;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Carnival Cotton Candy [cotton_candy]
 * ======================================================== */
[data-theme="cotton_candy"] {
    --bg-main: #fdf4ff;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #f472b6;
    --primary-hover: #38bdf8;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #38bdf8;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="cotton_candy"], html[data-theme="cotton_candy"] {
    --admin-bg: #fdf4ff;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #f472b6;
    --primary-hover: #38bdf8;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #38bdf8;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Nordic Soft Lilac [pastel_lilac]
 * ======================================================== */
[data-theme="pastel_lilac"] {
    --bg-main: #fcf7ff;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #8b5cf6;
    --primary-hover: #c4b5fd;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #c4b5fd;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="pastel_lilac"], html[data-theme="pastel_lilac"] {
    --admin-bg: #fcf7ff;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #8b5cf6;
    --primary-hover: #c4b5fd;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #c4b5fd;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Sunshine Lemonade [sunshine_lemon]
 * ======================================================== */
[data-theme="sunshine_lemon"] {
    --bg-main: #fefce8;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #eab308;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #ca8a04;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="sunshine_lemon"], html[data-theme="sunshine_lemon"] {
    --admin-bg: #fefce8;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #eab308;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #ca8a04;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Wild Honey & Amber [honey_amber]
 * ======================================================== */
[data-theme="honey_amber"] {
    --bg-main: #160e04;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #d97706;
    --primary-hover: #fbbf24;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fbbf24;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="honey_amber"], html[data-theme="honey_amber"] {
    --admin-bg: #160e04;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #d97706;
    --primary-hover: #fbbf24;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fbbf24;
}

/* ========================================================
 * Theme: 24K Royal Gold & Onyx [gold_prestige]
 * ======================================================== */
[data-theme="gold_prestige"] {
    --bg-main: #0b0a07;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #eab308;
    --primary-hover: #fef08a;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fef08a;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="gold_prestige"], html[data-theme="gold_prestige"] {
    --admin-bg: #0b0a07;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #eab308;
    --primary-hover: #fef08a;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fef08a;
}

/* ========================================================
 * Theme: Banana Split Caramel [banana_split]
 * ======================================================== */
[data-theme="banana_split"] {
    --bg-main: #fefce8;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #facc15;
    --primary-hover: #b45309;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #b45309;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="banana_split"], html[data-theme="banana_split"] {
    --admin-bg: #fefce8;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #facc15;
    --primary-hover: #b45309;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #b45309;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Belgian Dark Chocolate 90% [dark_chocolate]
 * ======================================================== */
[data-theme="dark_chocolate"] {
    --bg-main: #0e0906;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #92400e;
    --primary-hover: #d97706;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #d97706;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="dark_chocolate"], html[data-theme="dark_chocolate"] {
    --admin-bg: #0e0906;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #92400e;
    --primary-hover: #d97706;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #d97706;
}

/* ========================================================
 * Theme: Strawberry Matcha Latte [strawberry_matcha]
 * ======================================================== */
[data-theme="strawberry_matcha"] {
    --bg-main: #fdf6f7;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #15803d;
    --primary-hover: #ec4899;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #ec4899;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="strawberry_matcha"], html[data-theme="strawberry_matcha"] {
    --admin-bg: #fdf6f7;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #15803d;
    --primary-hover: #ec4899;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #ec4899;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Creamy Taro Milk Tea [taro_milk_tea]
 * ======================================================== */
[data-theme="taro_milk_tea"] {
    --bg-main: #fbf6fd;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #9333ea;
    --primary-hover: #c084fc;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #c084fc;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="taro_milk_tea"], html[data-theme="taro_milk_tea"] {
    --admin-bg: #fbf6fd;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #9333ea;
    --primary-hover: #c084fc;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #c084fc;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Decadent Red Velvet Cake [red_velvet]
 * ======================================================== */
[data-theme="red_velvet"] {
    --bg-main: #170508;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #be123c;
    --primary-hover: #fda4af;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fda4af;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="red_velvet"], html[data-theme="red_velvet"] {
    --admin-bg: #170508;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #be123c;
    --primary-hover: #fda4af;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fda4af;
}

/* ========================================================
 * Theme: Smoky Charcoal Latte [charcoal_latte]
 * ======================================================== */
[data-theme="charcoal_latte"] {
    --bg-main: #0a0a0a;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #71717a;
    --primary-hover: #f43f5e;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #f43f5e;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="charcoal_latte"], html[data-theme="charcoal_latte"] {
    --admin-bg: #0a0a0a;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #71717a;
    --primary-hover: #f43f5e;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #f43f5e;
}

/* ========================================================
 * Theme: Classic Italian Tiramisu [tiramisu_cream]
 * ======================================================== */
[data-theme="tiramisu_cream"] {
    --bg-main: #faf6f0;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #78350f;
    --primary-hover: #d97706;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #d97706;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="tiramisu_cream"], html[data-theme="tiramisu_cream"] {
    --admin-bg: #faf6f0;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #78350f;
    --primary-hover: #d97706;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #d97706;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Blueberry Cheesecake Pie [blueberry_pie]
 * ======================================================== */
[data-theme="blueberry_pie"] {
    --bg-main: #0a0817;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #4338ca;
    --primary-hover: #818cf8;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #818cf8;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="blueberry_pie"], html[data-theme="blueberry_pie"] {
    --admin-bg: #0a0817;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #4338ca;
    --primary-hover: #818cf8;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #818cf8;
}

/* ========================================================
 * Theme: Caramel Drizzle Macchiato [caramel_drizzle]
 * ======================================================== */
[data-theme="caramel_drizzle"] {
    --bg-main: #fffaf3;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #b45309;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="caramel_drizzle"], html[data-theme="caramel_drizzle"] {
    --admin-bg: #fffaf3;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #b45309;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Japanese Matcha Azuki [matcha_redbean]
 * ======================================================== */
[data-theme="matcha_redbean"] {
    --bg-main: #f7faf5;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #166534;
    --primary-hover: #991b1b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #991b1b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="matcha_redbean"], html[data-theme="matcha_redbean"] {
    --admin-bg: #f7faf5;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #166534;
    --primary-hover: #991b1b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #991b1b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Pure Dark OLED Black [pure_oled_black]
 * ======================================================== */
[data-theme="pure_oled_black"] {
    --bg-main: #000000;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #ffffff;
    --primary-hover: #38bdf8;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #38bdf8;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="pure_oled_black"], html[data-theme="pure_oled_black"] {
    --admin-bg: #000000;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #ffffff;
    --primary-hover: #38bdf8;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #38bdf8;
}

/* ========================================================
 * Theme: Industrial Loft & Steel [industrial_steel]
 * ======================================================== */
[data-theme="industrial_steel"] {
    --bg-main: #121418;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #64748b;
    --primary-hover: #eab308;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #eab308;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="industrial_steel"], html[data-theme="industrial_steel"] {
    --admin-bg: #121418;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #64748b;
    --primary-hover: #eab308;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #eab308;
}

/* ========================================================
 * Theme: Vintage Newspaper Editorial [aesthetic_paper]
 * ======================================================== */
[data-theme="aesthetic_paper"] {
    --bg-main: #f8f7f2;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #1c1917;
    --primary-hover: #78716c;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #78716c;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="aesthetic_paper"], html[data-theme="aesthetic_paper"] {
    --admin-bg: #f8f7f2;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #1c1917;
    --primary-hover: #78716c;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #78716c;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Rainbow Fiesta Carnival [rainbow_carnival]
 * ======================================================== */
[data-theme="rainbow_carnival"] {
    --bg-main: #fefefe;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #ec4899;
    --primary-hover: #3b82f6;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #3b82f6;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="rainbow_carnival"], html[data-theme="rainbow_carnival"] {
    --admin-bg: #fefefe;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #ec4899;
    --primary-hover: #3b82f6;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #3b82f6;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Tropical Parrot Jungle [tropical_parrot]
 * ======================================================== */
[data-theme="tropical_parrot"] {
    --bg-main: #041210;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #0d9488;
    --primary-hover: #f43f5e;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #f43f5e;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="tropical_parrot"], html[data-theme="tropical_parrot"] {
    --admin-bg: #041210;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #0d9488;
    --primary-hover: #f43f5e;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #f43f5e;
}

/* ========================================================
 * Theme: Warm Espresso Coffee [warm_espresso]
 * ======================================================== */
[data-theme="warm_espresso"] {
    --bg-main: #0f0b08;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #f59e0b;
    --primary-hover: #ea580c;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #ea580c;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="warm_espresso"], html[data-theme="warm_espresso"] {
    --admin-bg: #0f0b08;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #f59e0b;
    --primary-hover: #ea580c;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #ea580c;
}

/* ========================================================
 * Theme: Cyber Neon Glow [cyber_neon]
 * ======================================================== */
[data-theme="cyber_neon"] {
    --bg-main: #07090e;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #00f0ff;
    --primary-hover: #ff007a;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #ff007a;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="cyber_neon"], html[data-theme="cyber_neon"] {
    --admin-bg: #07090e;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #00f0ff;
    --primary-hover: #ff007a;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #ff007a;
}

/* ========================================================
 * Theme: Matcha Zen Dark [matcha_zen]
 * ======================================================== */
[data-theme="matcha_zen"] {
    --bg-main: #06110a;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #10b981;
    --primary-hover: #84cc16;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #84cc16;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="matcha_zen"], html[data-theme="matcha_zen"] {
    --admin-bg: #06110a;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #10b981;
    --primary-hover: #84cc16;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #84cc16;
}

/* ========================================================
 * Theme: Sunset Y2K Lavender [sunset_y2k]
 * ======================================================== */
[data-theme="sunset_y2k"] {
    --bg-main: #100a1a;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #c084fc;
    --primary-hover: #fb7185;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fb7185;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="sunset_y2k"], html[data-theme="sunset_y2k"] {
    --admin-bg: #100a1a;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #c084fc;
    --primary-hover: #fb7185;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fb7185;
}

/* ========================================================
 * Theme: Midnight Ocean Blue [midnight_ocean]
 * ======================================================== */
[data-theme="midnight_ocean"] {
    --bg-main: #060c16;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #38bdf8;
    --primary-hover: #6366f1;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #6366f1;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="midnight_ocean"], html[data-theme="midnight_ocean"] {
    --admin-bg: #060c16;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #38bdf8;
    --primary-hover: #6366f1;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #6366f1;
}

/* ========================================================
 * Theme: Korean Blossom Cafe [korean_blossom]
 * ======================================================== */
[data-theme="korean_blossom"] {
    --bg-main: #fff5f7;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #f43f5e;
    --primary-hover: #fb923c;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #fb923c;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="korean_blossom"], html[data-theme="korean_blossom"] {
    --admin-bg: #fff5f7;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #f43f5e;
    --primary-hover: #fb923c;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #fb923c;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Matcha Latte Cream [matcha_latte]
 * ======================================================== */
[data-theme="matcha_latte"] {
    --bg-main: #f4f8f2;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #15803d;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #ca8a04;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="matcha_latte"], html[data-theme="matcha_latte"] {
    --admin-bg: #f4f8f2;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #15803d;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #ca8a04;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Citrus Pop Sunrise [citrus_pop]
 * ======================================================== */
[data-theme="citrus_pop"] {
    --bg-main: #fffaf0;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #ea580c;
    --primary-hover: #f59e0b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #f59e0b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="citrus_pop"], html[data-theme="citrus_pop"] {
    --admin-bg: #fffaf0;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #ea580c;
    --primary-hover: #f59e0b;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #f59e0b;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Cloud Breeze Sky [cloud_breeze]
 * ======================================================== */
[data-theme="cloud_breeze"] {
    --bg-main: #f0f9ff;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #0284c7;
    --primary-hover: #06b6d4;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #06b6d4;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="cloud_breeze"], html[data-theme="cloud_breeze"] {
    --admin-bg: #f0f9ff;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #0284c7;
    --primary-hover: #06b6d4;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #06b6d4;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Nordic Minimalist Slate [nordic_minimal]
 * ======================================================== */
[data-theme="nordic_minimal"] {
    --bg-main: #f8f9fa;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #18181b;
    --primary-hover: #71717a;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #71717a;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="nordic_minimal"], html[data-theme="nordic_minimal"] {
    --admin-bg: #f8f9fa;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #18181b;
    --primary-hover: #71717a;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #71717a;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Artisanal Roastery Dark [artisanal_roast]
 * ======================================================== */
[data-theme="artisanal_roast"] {
    --bg-main: #1c140f;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #d97706;
    --primary-hover: #f59e0b;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #f59e0b;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="artisanal_roast"], html[data-theme="artisanal_roast"] {
    --admin-bg: #1c140f;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #d97706;
    --primary-hover: #f59e0b;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #f59e0b;
}

/* ========================================================
 * Theme: Emerald Botanic Glasshouse [emerald_botanic]
 * ======================================================== */
[data-theme="emerald_botanic"] {
    --bg-main: #f4f7f4;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #065f46;
    --primary-hover: #d97706;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #d97706;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="emerald_botanic"], html[data-theme="emerald_botanic"] {
    --admin-bg: #f4f7f4;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #065f46;
    --primary-hover: #d97706;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #d97706;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Velvet Noir Luxury [velvet_noir]
 * ======================================================== */
[data-theme="velvet_noir"] {
    --bg-main: #0f0d13;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #a855f7;
    --primary-hover: #ec4899;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #ec4899;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="velvet_noir"], html[data-theme="velvet_noir"] {
    --admin-bg: #0f0d13;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #a855f7;
    --primary-hover: #ec4899;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #ec4899;
}

/* ========================================================
 * Theme: Parisian Bistro Creme [parisian_bistro]
 * ======================================================== */
[data-theme="parisian_bistro"] {
    --bg-main: #fdfcf7;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #831843;
    --primary-hover: #d97706;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #d97706;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="parisian_bistro"], html[data-theme="parisian_bistro"] {
    --admin-bg: #fdfcf7;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #831843;
    --primary-hover: #d97706;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #d97706;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Titanium Slate Modern [titanium_slate]
 * ======================================================== */
[data-theme="titanium_slate"] {
    --bg-main: #0f172a;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #38bdf8;
    --primary-hover: #818cf8;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #818cf8;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="titanium_slate"], html[data-theme="titanium_slate"] {
    --admin-bg: #0f172a;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #38bdf8;
    --primary-hover: #818cf8;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #818cf8;
}

/* ========================================================
 * Theme: Royal Caramel Brulee [royal_caramel]
 * ======================================================== */
[data-theme="royal_caramel"] {
    --bg-main: #18120b;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #f59e0b;
    --primary-hover: #fbbf24;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fbbf24;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="royal_caramel"], html[data-theme="royal_caramel"] {
    --admin-bg: #18120b;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #f59e0b;
    --primary-hover: #fbbf24;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fbbf24;
}

/* ========================================================
 * Theme: Crimson Velvet Wine [crimson_velvet]
 * ======================================================== */
[data-theme="crimson_velvet"] {
    --bg-main: #16080b;
    --bg-card: #11141c;
    --bg-surface: #181d28;
    --bg-elevated: #212838;
    --bg-navbar: rgba(10, 12, 18, 0.92);
    --border-subtle: #262f44;
    --border-light: #36425f;
    --primary: #e11d48;
    --primary-hover: #fda4af;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --primary-contrast: #000000;
    --accent: #fda4af;
    --text-main: #f1f5f9;
    --text-heading: #ffffff;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --bg-radial-1: rgba(255, 255, 255, 0.05);
    --bg-radial-2: rgba(255, 255, 255, 0.03);
}

body[data-theme="crimson_velvet"], html[data-theme="crimson_velvet"] {
    --admin-bg: #16080b;
    --admin-card: #11141c;
    --admin-surface: #181d28;
    --admin-border: #262f44;
    --admin-border-light: #36425f;
    --primary: #e11d48;
    --primary-hover: #fda4af;
    --primary-glow: rgba(255, 255, 255, 0.2);
    --accent: #fda4af;
}

/* ========================================================
 * Theme: Coastal Aegean Breeze [coastal_aegean]
 * ======================================================== */
[data-theme="coastal_aegean"] {
    --bg-main: #f6faff;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #0284c7;
    --primary-hover: #0d9488;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #0d9488;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="coastal_aegean"], html[data-theme="coastal_aegean"] {
    --admin-bg: #f6faff;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #0284c7;
    --primary-hover: #0d9488;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #0d9488;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* ========================================================
 * Theme: Wabi Sabi Earth Clay [wabi_sabi]
 * ======================================================== */
[data-theme="wabi_sabi"] {
    --bg-main: #f7f5f0;
    --bg-card: #ffffff;
    --bg-surface: #f8fafc;
    --bg-elevated: #f1f5f9;
    --bg-navbar: rgba(255, 255, 255, 0.94);
    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;
    --primary: #78350f;
    --primary-hover: #84cc16;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --primary-contrast: #ffffff;
    --accent: #84cc16;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 0, 0, 0.03);
    --bg-radial-2: rgba(0, 0, 0, 0.02);
}

body[data-theme="wabi_sabi"], html[data-theme="wabi_sabi"] {
    --admin-bg: #f7f5f0;
    --admin-card: #ffffff;
    --admin-surface: #f8fafc;
    --admin-border: #e2e8f0;
    --admin-border-light: #cbd5e1;
    --primary: #78350f;
    --primary-hover: #84cc16;
    --primary-glow: rgba(0, 0, 0, 0.15);
    --accent: #84cc16;
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}


/* ========================================================
 * KOLEKSI 50 TEMA WARNA-WARNI CERAH (LIGHT MODE - BUKAN HITAM)
 * ======================================================== */

/* Theme: Strawberry Fresh Milk [cerah_strawberry_milk] */
[data-theme="cerah_strawberry_milk"] {
    --bg-main: #fff0f5;
    --bg-card: #ffffff;
    --bg-surface: #ffe4e6;
    --bg-elevated: #fecdd3;
    --bg-navbar: rgba(255, 240, 245, 0.94);
    --border-subtle: #fecdd3;
    --border-light: #fda4af;
    --primary: #f43f5e;
    --primary-hover: #e11d48;
    --primary-glow: rgba(244, 63, 94, 0.25);
    --primary-contrast: #ffffff;
    --accent: #fb7185;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(244, 63, 94, 0.08);
    --bg-radial-2: rgba(251, 113, 133, 0.06);
}

body[data-theme="cerah_strawberry_milk"], html[data-theme="cerah_strawberry_milk"] {
    --admin-bg: #fff0f5;
    --admin-card: #ffffff;
    --admin-surface: #ffe4e6;
    --admin-border: #fecdd3;
    --admin-border-light: #fda4af;
    --primary: #f43f5e;
    --primary-hover: #e11d48;
    --primary-glow: rgba(244, 63, 94, 0.25);
    --accent: #fb7185;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Blush Rose Petals [cerah_blush_rose] */
[data-theme="cerah_blush_rose"] {
    --bg-main: #fff1f2;
    --bg-card: #ffffff;
    --bg-surface: #ffe4e6;
    --bg-elevated: #fecdd3;
    --bg-navbar: rgba(255, 241, 242, 0.94);
    --border-subtle: #fecdd3;
    --border-light: #fda4af;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --primary-contrast: #ffffff;
    --accent: #fb7185;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(225, 29, 72, 0.08);
    --bg-radial-2: rgba(251, 113, 133, 0.06);
}

body[data-theme="cerah_blush_rose"], html[data-theme="cerah_blush_rose"] {
    --admin-bg: #fff1f2;
    --admin-card: #ffffff;
    --admin-surface: #ffe4e6;
    --admin-border: #fecdd3;
    --admin-border-light: #fda4af;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --accent: #fb7185;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Cherry Glaze Tart [cerah_cherry_glaze] */
[data-theme="cerah_cherry_glaze"] {
    --bg-main: #fff1f5;
    --bg-card: #ffffff;
    --bg-surface: #ffe4eb;
    --bg-elevated: #fed0dd;
    --bg-navbar: rgba(255, 241, 245, 0.94);
    --border-subtle: #fed0dd;
    --border-light: #fca5bd;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --primary-contrast: #ffffff;
    --accent: #fbbf24;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(225, 29, 72, 0.08);
    --bg-radial-2: rgba(251, 191, 36, 0.06);
}

body[data-theme="cerah_cherry_glaze"], html[data-theme="cerah_cherry_glaze"] {
    --admin-bg: #fff1f5;
    --admin-card: #ffffff;
    --admin-surface: #ffe4eb;
    --admin-border: #fed0dd;
    --admin-border-light: #fca5bd;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --accent: #fbbf24;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Warm Coral Tropic [cerah_coral_tropic] */
[data-theme="cerah_coral_tropic"] {
    --bg-main: #fff5f0;
    --bg-card: #ffffff;
    --bg-surface: #ffedd5;
    --bg-elevated: #fed7aa;
    --bg-navbar: rgba(255, 245, 240, 0.94);
    --border-subtle: #fed7aa;
    --border-light: #fdba74;
    --primary: #f95738;
    --primary-hover: #e63946;
    --primary-glow: rgba(249, 87, 56, 0.25);
    --primary-contrast: #ffffff;
    --accent: #ff9f1c;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(249, 87, 56, 0.08);
    --bg-radial-2: rgba(255, 159, 28, 0.06);
}

body[data-theme="cerah_coral_tropic"], html[data-theme="cerah_coral_tropic"] {
    --admin-bg: #fff5f0;
    --admin-card: #ffffff;
    --admin-surface: #ffedd5;
    --admin-border: #fed7aa;
    --admin-border-light: #fdba74;
    --primary: #f95738;
    --primary-hover: #e63946;
    --primary-glow: rgba(249, 87, 56, 0.25);
    --accent: #ff9f1c;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sweet Magenta Bloom [cerah_sweet_magenta] */
[data-theme="cerah_sweet_magenta"] {
    --bg-main: #fdf2f8;
    --bg-card: #ffffff;
    --bg-surface: #fce7f3;
    --bg-elevated: #fbcfe8;
    --bg-navbar: rgba(253, 242, 248, 0.94);
    --border-subtle: #fbcfe8;
    --border-light: #f472b6;
    --primary: #db2777;
    --primary-hover: #be185d;
    --primary-glow: rgba(219, 39, 119, 0.25);
    --primary-contrast: #ffffff;
    --accent: #ec4899;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(219, 39, 119, 0.08);
    --bg-radial-2: rgba(236, 72, 153, 0.06);
}

body[data-theme="cerah_sweet_magenta"], html[data-theme="cerah_sweet_magenta"] {
    --admin-bg: #fdf2f8;
    --admin-card: #ffffff;
    --admin-surface: #fce7f3;
    --admin-border: #fbcfe8;
    --admin-border-light: #f472b6;
    --primary: #db2777;
    --primary-hover: #be185d;
    --primary-glow: rgba(219, 39, 119, 0.25);
    --accent: #ec4899;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Pink Grapefruit Fizz [cerah_pink_grapefruit] */
[data-theme="cerah_pink_grapefruit"] {
    --bg-main: #fff1f2;
    --bg-card: #ffffff;
    --bg-surface: #ffe4e6;
    --bg-elevated: #fecdd3;
    --bg-navbar: rgba(255, 241, 242, 0.94);
    --border-subtle: #fecdd3;
    --border-light: #fda4af;
    --primary: #f43f5e;
    --primary-hover: #e11d48;
    --primary-glow: rgba(244, 63, 94, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f97316;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(244, 63, 94, 0.08);
    --bg-radial-2: rgba(249, 115, 22, 0.06);
}

body[data-theme="cerah_pink_grapefruit"], html[data-theme="cerah_pink_grapefruit"] {
    --admin-bg: #fff1f2;
    --admin-card: #ffffff;
    --admin-surface: #ffe4e6;
    --admin-border: #fecdd3;
    --admin-border-light: #fda4af;
    --primary: #f43f5e;
    --primary-hover: #e11d48;
    --primary-glow: rgba(244, 63, 94, 0.25);
    --accent: #f97316;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Juicy Watermelon Splash [cerah_watermelon_splash] */
[data-theme="cerah_watermelon_splash"] {
    --bg-main: #fff0f3;
    --bg-card: #ffffff;
    --bg-surface: #ffe0e6;
    --bg-elevated: #fec5d1;
    --bg-navbar: rgba(255, 240, 243, 0.94);
    --border-subtle: #fec5d1;
    --border-light: #fda4b8;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --primary-contrast: #ffffff;
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(225, 29, 72, 0.08);
    --bg-radial-2: rgba(16, 185, 129, 0.06);
}

body[data-theme="cerah_watermelon_splash"], html[data-theme="cerah_watermelon_splash"] {
    --admin-bg: #fff0f3;
    --admin-card: #ffffff;
    --admin-surface: #ffe0e6;
    --admin-border: #fec5d1;
    --admin-border-light: #fda4b8;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Creamy Banana Smoothie [cerah_banana_smoothie] */
[data-theme="cerah_banana_smoothie"] {
    --bg-main: #fefce8;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(254, 252, 232, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --primary-contrast: #ffffff;
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(202, 138, 4, 0.08);
    --bg-radial-2: rgba(16, 185, 129, 0.06);
}

body[data-theme="cerah_banana_smoothie"], html[data-theme="cerah_banana_smoothie"] {
    --admin-bg: #fefce8;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Tropical Mango Slush [cerah_mango_slush] */
[data-theme="cerah_mango_slush"] {
    --bg-main: #fffbeb;
    --bg-card: #ffffff;
    --bg-surface: #fef3c7;
    --bg-elevated: #fde68a;
    --bg-navbar: rgba(255, 251, 235, 0.94);
    --border-subtle: #fde68a;
    --border-light: #fcd34d;
    --primary: #f59e0b;
    --primary-hover: #d97706;
    --primary-glow: rgba(245, 158, 11, 0.25);
    --primary-contrast: #000000;
    --accent: #d97706;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(245, 158, 11, 0.08);
    --bg-radial-2: rgba(217, 119, 6, 0.06);
}

body[data-theme="cerah_mango_slush"], html[data-theme="cerah_mango_slush"] {
    --admin-bg: #fffbeb;
    --admin-card: #ffffff;
    --admin-surface: #fef3c7;
    --admin-border: #fde68a;
    --admin-border-light: #fcd34d;
    --primary: #f59e0b;
    --primary-hover: #d97706;
    --primary-glow: rgba(245, 158, 11, 0.25);
    --accent: #d97706;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Honey Butter Waffle [cerah_honey_butter] */
[data-theme="cerah_honey_butter"] {
    --bg-main: #fffdf2;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(255, 253, 242, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(217, 119, 6, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(217, 119, 6, 0.08);
    --bg-radial-2: rgba(245, 158, 11, 0.06);
}

body[data-theme="cerah_honey_butter"], html[data-theme="cerah_honey_butter"] {
    --admin-bg: #fffdf2;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(217, 119, 6, 0.25);
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Orange Sunrise Popsicle [cerah_citrus_orange] */
[data-theme="cerah_citrus_orange"] {
    --bg-main: #fff7ed;
    --bg-card: #ffffff;
    --bg-surface: #ffedd5;
    --bg-elevated: #fed7aa;
    --bg-navbar: rgba(255, 247, 237, 0.94);
    --border-subtle: #fed7aa;
    --border-light: #fdba74;
    --primary: #ea580c;
    --primary-hover: #c2410c;
    --primary-glow: rgba(234, 88, 12, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(234, 88, 12, 0.08);
    --bg-radial-2: rgba(245, 158, 11, 0.06);
}

body[data-theme="cerah_citrus_orange"], html[data-theme="cerah_citrus_orange"] {
    --admin-bg: #fff7ed;
    --admin-card: #ffffff;
    --admin-surface: #ffedd5;
    --admin-border: #fed7aa;
    --admin-border-light: #fdba74;
    --primary: #ea580c;
    --primary-hover: #c2410c;
    --primary-glow: rgba(234, 88, 12, 0.25);
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Golden Pineapple Punch [cerah_pineapple_punch] */
[data-theme="cerah_pineapple_punch"] {
    --bg-main: #fefce8;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(254, 252, 232, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f97316;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(202, 138, 4, 0.08);
    --bg-radial-2: rgba(249, 115, 22, 0.06);
}

body[data-theme="cerah_pineapple_punch"], html[data-theme="cerah_pineapple_punch"] {
    --admin-bg: #fefce8;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --accent: #f97316;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Velvet Apricot Jam [cerah_apricot_jam] */
[data-theme="cerah_apricot_jam"] {
    --bg-main: #fff8f1;
    --bg-card: #ffffff;
    --bg-surface: #ffeedd;
    --bg-elevated: #fedcc2;
    --bg-navbar: rgba(255, 248, 241, 0.94);
    --border-subtle: #fedcc2;
    --border-light: #fdbd8c;
    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-glow: rgba(249, 115, 22, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f43f5e;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(249, 115, 22, 0.08);
    --bg-radial-2: rgba(244, 63, 94, 0.06);
}

body[data-theme="cerah_apricot_jam"], html[data-theme="cerah_apricot_jam"] {
    --admin-bg: #fff8f1;
    --admin-card: #ffffff;
    --admin-surface: #ffeedd;
    --admin-border: #fedcc2;
    --admin-border-light: #fdbd8c;
    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-glow: rgba(249, 115, 22, 0.25);
    --accent: #f43f5e;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Lemon Chiffon Cake [cerah_lemon_chiffon] */
[data-theme="cerah_lemon_chiffon"] {
    --bg-main: #fffef0;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(255, 254, 240, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #eab308;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(234, 179, 8, 0.25);
    --primary-contrast: #000000;
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(234, 179, 8, 0.08);
    --bg-radial-2: rgba(245, 158, 11, 0.06);
}

body[data-theme="cerah_lemon_chiffon"], html[data-theme="cerah_lemon_chiffon"] {
    --admin-bg: #fffef0;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #eab308;
    --primary-hover: #ca8a04;
    --primary-glow: rgba(234, 179, 8, 0.25);
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Fresh Papaya Island [cerah_papaya_island] */
[data-theme="cerah_papaya_island"] {
    --bg-main: #fff7ed;
    --bg-card: #ffffff;
    --bg-surface: #ffedd5;
    --bg-elevated: #fed7aa;
    --bg-navbar: rgba(255, 247, 237, 0.94);
    --border-subtle: #fed7aa;
    --border-light: #fdba74;
    --primary: #ea580c;
    --primary-hover: #c2410c;
    --primary-glow: rgba(234, 88, 12, 0.25);
    --primary-contrast: #ffffff;
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(234, 88, 12, 0.08);
    --bg-radial-2: rgba(16, 185, 129, 0.06);
}

body[data-theme="cerah_papaya_island"], html[data-theme="cerah_papaya_island"] {
    --admin-bg: #fff7ed;
    --admin-card: #ffffff;
    --admin-surface: #ffedd5;
    --admin-border: #fed7aa;
    --admin-border-light: #fdba74;
    --primary: #ea580c;
    --primary-hover: #c2410c;
    --primary-glow: rgba(234, 88, 12, 0.25);
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Fresh Mint Garden [cerah_mint_breeze] */
[data-theme="cerah_mint_breeze"] {
    --bg-main: #f0fdf4;
    --bg-card: #ffffff;
    --bg-surface: #dcfce7;
    --bg-elevated: #bbf7d0;
    --bg-navbar: rgba(240, 253, 244, 0.94);
    --border-subtle: #bbf7d0;
    --border-light: #86efac;
    --primary: #10b981;
    --primary-hover: #059669;
    --primary-glow: rgba(16, 185, 129, 0.25);
    --primary-contrast: #ffffff;
    --accent: #06b6d4;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(16, 185, 129, 0.08);
    --bg-radial-2: rgba(6, 182, 212, 0.06);
}

body[data-theme="cerah_mint_breeze"], html[data-theme="cerah_mint_breeze"] {
    --admin-bg: #f0fdf4;
    --admin-card: #ffffff;
    --admin-surface: #dcfce7;
    --admin-border: #bbf7d0;
    --admin-border-light: #86efac;
    --primary: #10b981;
    --primary-hover: #059669;
    --primary-glow: rgba(16, 185, 129, 0.25);
    --accent: #06b6d4;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Iced Creamy Matcha Float [cerah_matcha_float] */
[data-theme="cerah_matcha_float"] {
    --bg-main: #f2fbf5;
    --bg-card: #ffffff;
    --bg-surface: #dcfce7;
    --bg-elevated: #bbf7d0;
    --bg-navbar: rgba(242, 251, 245, 0.94);
    --border-subtle: #bbf7d0;
    --border-light: #86efac;
    --primary: #059669;
    --primary-hover: #047857;
    --primary-glow: rgba(5, 150, 105, 0.25);
    --primary-contrast: #ffffff;
    --accent: #84cc16;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(5, 150, 105, 0.08);
    --bg-radial-2: rgba(132, 204, 22, 0.06);
}

body[data-theme="cerah_matcha_float"], html[data-theme="cerah_matcha_float"] {
    --admin-bg: #f2fbf5;
    --admin-card: #ffffff;
    --admin-surface: #dcfce7;
    --admin-border: #bbf7d0;
    --admin-border-light: #86efac;
    --primary: #059669;
    --primary-hover: #047857;
    --primary-glow: rgba(5, 150, 105, 0.25);
    --accent: #84cc16;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Pistachio Gelato Cream [cerah_pistachio_cream] */
[data-theme="cerah_pistachio_cream"] {
    --bg-main: #f0fdf4;
    --bg-card: #ffffff;
    --bg-surface: #dcfce7;
    --bg-elevated: #bbf7d0;
    --bg-navbar: rgba(240, 253, 244, 0.94);
    --border-subtle: #bbf7d0;
    --border-light: #86efac;
    --primary: #16a34a;
    --primary-hover: #15803d;
    --primary-glow: rgba(22, 163, 74, 0.25);
    --primary-contrast: #ffffff;
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(22, 163, 74, 0.08);
    --bg-radial-2: rgba(16, 185, 129, 0.06);
}

body[data-theme="cerah_pistachio_cream"], html[data-theme="cerah_pistachio_cream"] {
    --admin-bg: #f0fdf4;
    --admin-card: #ffffff;
    --admin-surface: #dcfce7;
    --admin-border: #bbf7d0;
    --admin-border-light: #86efac;
    --primary: #16a34a;
    --primary-hover: #15803d;
    --primary-glow: rgba(22, 163, 74, 0.25);
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Crisp Green Apple [cerah_green_apple] */
[data-theme="cerah_green_apple"] {
    --bg-main: #f7fee7;
    --bg-card: #ffffff;
    --bg-surface: #ecfccb;
    --bg-elevated: #d9f99d;
    --bg-navbar: rgba(247, 254, 231, 0.94);
    --border-subtle: #d9f99d;
    --border-light: #bef264;
    --primary: #65a30d;
    --primary-hover: #4d7c0f;
    --primary-glow: rgba(101, 163, 13, 0.25);
    --primary-contrast: #ffffff;
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(101, 163, 13, 0.08);
    --bg-radial-2: rgba(16, 185, 129, 0.06);
}

body[data-theme="cerah_green_apple"], html[data-theme="cerah_green_apple"] {
    --admin-bg: #f7fee7;
    --admin-card: #ffffff;
    --admin-surface: #ecfccb;
    --admin-border: #d9f99d;
    --admin-border-light: #bef264;
    --primary: #65a30d;
    --primary-hover: #4d7c0f;
    --primary-glow: rgba(101, 163, 13, 0.25);
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Eucalyptus Clean Spa [cerah_eucalyptus_spa] */
[data-theme="cerah_eucalyptus_spa"] {
    --bg-main: #ecfdf5;
    --bg-card: #ffffff;
    --bg-surface: #ccfbf1;
    --bg-elevated: #99f6e4;
    --bg-navbar: rgba(236, 253, 245, 0.94);
    --border-subtle: #99f6e4;
    --border-light: #5eead4;
    --primary: #0d9488;
    --primary-hover: #0f766e;
    --primary-glow: rgba(13, 148, 136, 0.25);
    --primary-contrast: #ffffff;
    --accent: #14b8a6;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(13, 148, 136, 0.08);
    --bg-radial-2: rgba(20, 184, 166, 0.06);
}

body[data-theme="cerah_eucalyptus_spa"], html[data-theme="cerah_eucalyptus_spa"] {
    --admin-bg: #ecfdf5;
    --admin-card: #ffffff;
    --admin-surface: #ccfbf1;
    --admin-border: #99f6e4;
    --admin-border-light: #5eead4;
    --primary: #0d9488;
    --primary-hover: #0f766e;
    --primary-glow: rgba(13, 148, 136, 0.25);
    --accent: #14b8a6;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sparkling Kiwi Soda [cerah_kiwi_soda] */
[data-theme="cerah_kiwi_soda"] {
    --bg-main: #f2fcf0;
    --bg-card: #ffffff;
    --bg-surface: #dcfce7;
    --bg-elevated: #bbf7d0;
    --bg-navbar: rgba(242, 252, 240, 0.94);
    --border-subtle: #bbf7d0;
    --border-light: #86efac;
    --primary: #22c55e;
    --primary-hover: #16a34a;
    --primary-glow: rgba(34, 197, 94, 0.25);
    --primary-contrast: #ffffff;
    --accent: #eab308;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(34, 197, 94, 0.08);
    --bg-radial-2: rgba(234, 179, 8, 0.06);
}

body[data-theme="cerah_kiwi_soda"], html[data-theme="cerah_kiwi_soda"] {
    --admin-bg: #f2fcf0;
    --admin-card: #ffffff;
    --admin-surface: #dcfce7;
    --admin-border: #bbf7d0;
    --admin-border-light: #86efac;
    --primary: #22c55e;
    --primary-hover: #16a34a;
    --primary-glow: rgba(34, 197, 94, 0.25);
    --accent: #eab308;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Zesty Lime Sorbet [cerah_lime_sorbet] */
[data-theme="cerah_lime_sorbet"] {
    --bg-main: #f4fce3;
    --bg-card: #ffffff;
    --bg-surface: #ecfccb;
    --bg-elevated: #d9f99d;
    --bg-navbar: rgba(244, 252, 227, 0.94);
    --border-subtle: #d9f99d;
    --border-light: #bef264;
    --primary: #4d7c0f;
    --primary-hover: #3f6212;
    --primary-glow: rgba(77, 124, 15, 0.25);
    --primary-contrast: #ffffff;
    --accent: #84cc16;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(77, 124, 15, 0.08);
    --bg-radial-2: rgba(132, 204, 22, 0.06);
}

body[data-theme="cerah_lime_sorbet"], html[data-theme="cerah_lime_sorbet"] {
    --admin-bg: #f4fce3;
    --admin-card: #ffffff;
    --admin-surface: #ecfccb;
    --admin-border: #d9f99d;
    --admin-border-light: #bef264;
    --primary: #4d7c0f;
    --primary-hover: #3f6212;
    --primary-glow: rgba(77, 124, 15, 0.25);
    --accent: #84cc16;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sweet Honeydew Melon [cerah_honeydew_melon] */
[data-theme="cerah_honeydew_melon"] {
    --bg-main: #f0fdf4;
    --bg-card: #ffffff;
    --bg-surface: #dcfce7;
    --bg-elevated: #bbf7d0;
    --bg-navbar: rgba(240, 253, 244, 0.94);
    --border-subtle: #bbf7d0;
    --border-light: #86efac;
    --primary: #16a34a;
    --primary-hover: #15803d;
    --primary-glow: rgba(22, 163, 74, 0.25);
    --primary-contrast: #ffffff;
    --accent: #84cc16;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(22, 163, 74, 0.08);
    --bg-radial-2: rgba(132, 204, 22, 0.06);
}

body[data-theme="cerah_honeydew_melon"], html[data-theme="cerah_honeydew_melon"] {
    --admin-bg: #f0fdf4;
    --admin-card: #ffffff;
    --admin-surface: #dcfce7;
    --admin-border: #bbf7d0;
    --admin-border-light: #86efac;
    --primary: #16a34a;
    --primary-hover: #15803d;
    --primary-glow: rgba(22, 163, 74, 0.25);
    --accent: #84cc16;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Clear Sky Horizon [cerah_sky_horizon] */
[data-theme="cerah_sky_horizon"] {
    --bg-main: #f0f9ff;
    --bg-card: #ffffff;
    --bg-surface: #e0f2fe;
    --bg-elevated: #bae6fd;
    --bg-navbar: rgba(240, 249, 255, 0.94);
    --border-subtle: #bae6fd;
    --border-light: #7dd3fc;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.25);
    --primary-contrast: #ffffff;
    --accent: #0ea5e9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(2, 132, 199, 0.08);
    --bg-radial-2: rgba(14, 165, 233, 0.06);
}

body[data-theme="cerah_sky_horizon"], html[data-theme="cerah_sky_horizon"] {
    --admin-bg: #f0f9ff;
    --admin-card: #ffffff;
    --admin-surface: #e0f2fe;
    --admin-border: #bae6fd;
    --admin-border-light: #7dd3fc;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.25);
    --accent: #0ea5e9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Baby Blue Lagoon [cerah_baby_blue] */
[data-theme="cerah_baby_blue"] {
    --bg-main: #e0f2fe;
    --bg-card: #ffffff;
    --bg-surface: #bae6fd;
    --bg-elevated: #7dd3fc;
    --bg-navbar: rgba(224, 242, 254, 0.94);
    --border-subtle: #7dd3fc;
    --border-light: #38bdf8;
    --primary: #0369a1;
    --primary-hover: #075985;
    --primary-glow: rgba(3, 105, 161, 0.25);
    --primary-contrast: #ffffff;
    --accent: #38bdf8;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(3, 105, 161, 0.08);
    --bg-radial-2: rgba(56, 189, 248, 0.06);
}

body[data-theme="cerah_baby_blue"], html[data-theme="cerah_baby_blue"] {
    --admin-bg: #e0f2fe;
    --admin-card: #ffffff;
    --admin-surface: #bae6fd;
    --admin-border: #7dd3fc;
    --admin-border-light: #38bdf8;
    --primary: #0369a1;
    --primary-hover: #075985;
    --primary-glow: rgba(3, 105, 161, 0.25);
    --accent: #38bdf8;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Turquoise Ocean Wave [cerah_turquoise_wave] */
[data-theme="cerah_turquoise_wave"] {
    --bg-main: #ecfeff;
    --bg-card: #ffffff;
    --bg-surface: #cffafe;
    --bg-elevated: #a5f3fc;
    --bg-navbar: rgba(236, 254, 255, 0.94);
    --border-subtle: #a5f3fc;
    --border-light: #67e8f9;
    --primary: #0891b2;
    --primary-hover: #0e7490;
    --primary-glow: rgba(8, 145, 178, 0.25);
    --primary-contrast: #ffffff;
    --accent: #06b6d4;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(8, 145, 178, 0.08);
    --bg-radial-2: rgba(6, 182, 212, 0.06);
}

body[data-theme="cerah_turquoise_wave"], html[data-theme="cerah_turquoise_wave"] {
    --admin-bg: #ecfeff;
    --admin-card: #ffffff;
    --admin-surface: #cffafe;
    --admin-border: #a5f3fc;
    --admin-border-light: #67e8f9;
    --primary: #0891b2;
    --primary-hover: #0e7490;
    --primary-glow: rgba(8, 145, 178, 0.25);
    --accent: #06b6d4;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Morning Cyan Dew [cerah_cyan_dew] */
[data-theme="cerah_cyan_dew"] {
    --bg-main: #e6fffa;
    --bg-card: #ffffff;
    --bg-surface: #ccfbf1;
    --bg-elevated: #99f6e4;
    --bg-navbar: rgba(230, 255, 250, 0.94);
    --border-subtle: #99f6e4;
    --border-light: #5eead4;
    --primary: #0d9488;
    --primary-hover: #0f766e;
    --primary-glow: rgba(13, 148, 136, 0.25);
    --primary-contrast: #ffffff;
    --accent: #0284c7;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(13, 148, 136, 0.08);
    --bg-radial-2: rgba(2, 132, 199, 0.06);
}

body[data-theme="cerah_cyan_dew"], html[data-theme="cerah_cyan_dew"] {
    --admin-bg: #e6fffa;
    --admin-card: #ffffff;
    --admin-surface: #ccfbf1;
    --admin-border: #99f6e4;
    --admin-border-light: #5eead4;
    --primary: #0d9488;
    --primary-hover: #0f766e;
    --primary-glow: rgba(13, 148, 136, 0.25);
    --accent: #0284c7;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Powder Blue Daydream [cerah_powder_blue] */
[data-theme="cerah_powder_blue"] {
    --bg-main: #f0f4f8;
    --bg-card: #ffffff;
    --bg-surface: #e2e8f0;
    --bg-elevated: #cbd5e1;
    --bg-navbar: rgba(240, 244, 248, 0.94);
    --border-subtle: #cbd5e1;
    --border-light: #94a3b8;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-glow: rgba(37, 99, 235, 0.25);
    --primary-contrast: #ffffff;
    --accent: #60a5fa;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(37, 99, 235, 0.08);
    --bg-radial-2: rgba(96, 165, 250, 0.06);
}

body[data-theme="cerah_powder_blue"], html[data-theme="cerah_powder_blue"] {
    --admin-bg: #f0f4f8;
    --admin-card: #ffffff;
    --admin-surface: #e2e8f0;
    --admin-border: #cbd5e1;
    --admin-border-light: #94a3b8;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-glow: rgba(37, 99, 235, 0.25);
    --accent: #60a5fa;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Seafoam Island Beach [cerah_seafoam_beach] */
[data-theme="cerah_seafoam_beach"] {
    --bg-main: #e6fcf5;
    --bg-card: #ffffff;
    --bg-surface: #c3fae8;
    --bg-elevated: #96f2d7;
    --bg-navbar: rgba(230, 252, 245, 0.94);
    --border-subtle: #96f2d7;
    --border-light: #63e6be;
    --primary: #12b886;
    --primary-hover: #0ca678;
    --primary-glow: rgba(18, 184, 134, 0.25);
    --primary-contrast: #ffffff;
    --accent: #0ea5e9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(18, 184, 134, 0.08);
    --bg-radial-2: rgba(14, 165, 233, 0.06);
}

body[data-theme="cerah_seafoam_beach"], html[data-theme="cerah_seafoam_beach"] {
    --admin-bg: #e6fcf5;
    --admin-card: #ffffff;
    --admin-surface: #c3fae8;
    --admin-border: #96f2d7;
    --admin-border-light: #63e6be;
    --primary: #12b886;
    --primary-hover: #0ca678;
    --primary-glow: rgba(18, 184, 134, 0.25);
    --accent: #0ea5e9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Glacier Spring Water [cerah_glacier_spring] */
[data-theme="cerah_glacier_spring"] {
    --bg-main: #f1f9ff;
    --bg-card: #ffffff;
    --bg-surface: #e0f2fe;
    --bg-elevated: #bae6fd;
    --bg-navbar: rgba(241, 249, 255, 0.94);
    --border-subtle: #bae6fd;
    --border-light: #7dd3fc;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.25);
    --primary-contrast: #ffffff;
    --accent: #22d3ee;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(2, 132, 199, 0.08);
    --bg-radial-2: rgba(34, 211, 238, 0.06);
}

body[data-theme="cerah_glacier_spring"], html[data-theme="cerah_glacier_spring"] {
    --admin-bg: #f1f9ff;
    --admin-card: #ffffff;
    --admin-surface: #e0f2fe;
    --admin-border: #bae6fd;
    --admin-border-light: #7dd3fc;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.25);
    --accent: #22d3ee;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Caribbean Warm Tide [cerah_caribbean_tide] */
[data-theme="cerah_caribbean_tide"] {
    --bg-main: #e0f7fa;
    --bg-card: #ffffff;
    --bg-surface: #b2ebf2;
    --bg-elevated: #80deea;
    --bg-navbar: rgba(224, 247, 250, 0.94);
    --border-subtle: #80deea;
    --border-light: #4dd0e1;
    --primary: #00acc1;
    --primary-hover: #0097a7;
    --primary-glow: rgba(0, 172, 193, 0.25);
    --primary-contrast: #ffffff;
    --accent: #26c6da;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(0, 172, 193, 0.08);
    --bg-radial-2: rgba(38, 198, 218, 0.06);
}

body[data-theme="cerah_caribbean_tide"], html[data-theme="cerah_caribbean_tide"] {
    --admin-bg: #e0f7fa;
    --admin-card: #ffffff;
    --admin-surface: #b2ebf2;
    --admin-border: #80deea;
    --admin-border-light: #4dd0e1;
    --primary: #00acc1;
    --primary-hover: #0097a7;
    --primary-glow: rgba(0, 172, 193, 0.25);
    --accent: #26c6da;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Blooming Lavender Mist [cerah_lavender_field] */
[data-theme="cerah_lavender_field"] {
    --bg-main: #faf5ff;
    --bg-card: #ffffff;
    --bg-surface: #f3e8ff;
    --bg-elevated: #e9d5ff;
    --bg-navbar: rgba(250, 245, 255, 0.94);
    --border-subtle: #e9d5ff;
    --border-light: #d8b4fe;
    --primary: #9333ea;
    --primary-hover: #7e22ce;
    --primary-glow: rgba(147, 51, 234, 0.25);
    --primary-contrast: #ffffff;
    --accent: #a855f7;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(147, 51, 234, 0.08);
    --bg-radial-2: rgba(168, 85, 247, 0.06);
}

body[data-theme="cerah_lavender_field"], html[data-theme="cerah_lavender_field"] {
    --admin-bg: #faf5ff;
    --admin-card: #ffffff;
    --admin-surface: #f3e8ff;
    --admin-border: #e9d5ff;
    --admin-border-light: #d8b4fe;
    --primary: #9333ea;
    --primary-hover: #7e22ce;
    --primary-glow: rgba(147, 51, 234, 0.25);
    --accent: #a855f7;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sweet Lilac Macaron [cerah_lilac_macaron] */
[data-theme="cerah_lilac_macaron"] {
    --bg-main: #f5f3ff;
    --bg-card: #ffffff;
    --bg-surface: #ede9fe;
    --bg-elevated: #ddd6fe;
    --bg-navbar: rgba(245, 243, 255, 0.94);
    --border-subtle: #ddd6fe;
    --border-light: #c4b5fd;
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --primary-glow: rgba(124, 58, 237, 0.25);
    --primary-contrast: #ffffff;
    --accent: #c084fc;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(124, 58, 237, 0.08);
    --bg-radial-2: rgba(192, 132, 252, 0.06);
}

body[data-theme="cerah_lilac_macaron"], html[data-theme="cerah_lilac_macaron"] {
    --admin-bg: #f5f3ff;
    --admin-card: #ffffff;
    --admin-surface: #ede9fe;
    --admin-border: #ddd6fe;
    --admin-border-light: #c4b5fd;
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --primary-glow: rgba(124, 58, 237, 0.25);
    --accent: #c084fc;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Royal Orchid Petal [cerah_orchid_blush] */
[data-theme="cerah_orchid_blush"] {
    --bg-main: #faf5ff;
    --bg-card: #ffffff;
    --bg-surface: #f5d0fe;
    --bg-elevated: #f0abfc;
    --bg-navbar: rgba(250, 245, 255, 0.94);
    --border-subtle: #f0abfc;
    --border-light: #e879f9;
    --primary: #c026d3;
    --primary-hover: #a21caf;
    --primary-glow: rgba(192, 38, 211, 0.25);
    --primary-contrast: #ffffff;
    --accent: #e879f9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(192, 38, 211, 0.08);
    --bg-radial-2: rgba(232, 121, 249, 0.06);
}

body[data-theme="cerah_orchid_blush"], html[data-theme="cerah_orchid_blush"] {
    --admin-bg: #faf5ff;
    --admin-card: #ffffff;
    --admin-surface: #f5d0fe;
    --admin-border: #f0abfc;
    --admin-border-light: #e879f9;
    --primary: #c026d3;
    --primary-hover: #a21caf;
    --primary-glow: rgba(192, 38, 211, 0.25);
    --accent: #e879f9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Creamy Taro Boba Float [cerah_taro_boba] */
[data-theme="cerah_taro_boba"] {
    --bg-main: #f3e8ff;
    --bg-card: #ffffff;
    --bg-surface: #e9d5ff;
    --bg-elevated: #d8b4fe;
    --bg-navbar: rgba(243, 232, 255, 0.94);
    --border-subtle: #d8b4fe;
    --border-light: #c084fc;
    --primary: #9333ea;
    --primary-hover: #7e22ce;
    --primary-glow: rgba(147, 51, 234, 0.25);
    --primary-contrast: #ffffff;
    --accent: #ec4899;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(147, 51, 234, 0.08);
    --bg-radial-2: rgba(236, 72, 153, 0.06);
}

body[data-theme="cerah_taro_boba"], html[data-theme="cerah_taro_boba"] {
    --admin-bg: #f3e8ff;
    --admin-card: #ffffff;
    --admin-surface: #e9d5ff;
    --admin-border: #d8b4fe;
    --admin-border-light: #c084fc;
    --primary: #9333ea;
    --primary-hover: #7e22ce;
    --primary-glow: rgba(147, 51, 234, 0.25);
    --accent: #ec4899;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Periwinkle Bright Sky [cerah_periwinkle_dusk] */
[data-theme="cerah_periwinkle_dusk"] {
    --bg-main: #eef2ff;
    --bg-card: #ffffff;
    --bg-surface: #e0e7ff;
    --bg-elevated: #c7d2fe;
    --bg-navbar: rgba(238, 242, 255, 0.94);
    --border-subtle: #c7d2fe;
    --border-light: #a5b4fc;
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-glow: rgba(79, 70, 229, 0.25);
    --primary-contrast: #ffffff;
    --accent: #818cf8;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(79, 70, 229, 0.08);
    --bg-radial-2: rgba(129, 140, 248, 0.06);
}

body[data-theme="cerah_periwinkle_dusk"], html[data-theme="cerah_periwinkle_dusk"] {
    --admin-bg: #eef2ff;
    --admin-card: #ffffff;
    --admin-surface: #e0e7ff;
    --admin-border: #c7d2fe;
    --admin-border-light: #a5b4fc;
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-glow: rgba(79, 70, 229, 0.25);
    --accent: #818cf8;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Pastel Violet Dream [cerah_violet_dream] */
[data-theme="cerah_violet_dream"] {
    --bg-main: #f6f0ff;
    --bg-card: #ffffff;
    --bg-surface: #ede0fd;
    --bg-elevated: #ddc2fa;
    --bg-navbar: rgba(246, 240, 255, 0.94);
    --border-subtle: #ddc2fa;
    --border-light: #caa1f7;
    --primary: #8b5cf6;
    --primary-hover: #7c3aed;
    --primary-glow: rgba(139, 92, 246, 0.25);
    --primary-contrast: #ffffff;
    --accent: #d946ef;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(139, 92, 246, 0.08);
    --bg-radial-2: rgba(217, 70, 239, 0.06);
}

body[data-theme="cerah_violet_dream"], html[data-theme="cerah_violet_dream"] {
    --admin-bg: #f6f0ff;
    --admin-card: #ffffff;
    --admin-surface: #ede0fd;
    --admin-border: #ddc2fa;
    --admin-border-light: #caa1f7;
    --primary: #8b5cf6;
    --primary-hover: #7c3aed;
    --primary-glow: rgba(139, 92, 246, 0.25);
    --accent: #d946ef;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sweet Grape Jelly [cerah_grape_jelly] */
[data-theme="cerah_grape_jelly"] {
    --bg-main: #fbf5ff;
    --bg-card: #ffffff;
    --bg-surface: #f3e8ff;
    --bg-elevated: #e9d5ff;
    --bg-navbar: rgba(251, 245, 255, 0.94);
    --border-subtle: #e9d5ff;
    --border-light: #d8b4fe;
    --primary: #7e22ce;
    --primary-hover: #6b21a8;
    --primary-glow: rgba(126, 34, 206, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f43f5e;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(126, 34, 206, 0.08);
    --bg-radial-2: rgba(244, 63, 94, 0.06);
}

body[data-theme="cerah_grape_jelly"], html[data-theme="cerah_grape_jelly"] {
    --admin-bg: #fbf5ff;
    --admin-card: #ffffff;
    --admin-surface: #f3e8ff;
    --admin-border: #e9d5ff;
    --admin-border-light: #d8b4fe;
    --primary: #7e22ce;
    --primary-hover: #6b21a8;
    --primary-glow: rgba(126, 34, 206, 0.25);
    --accent: #f43f5e;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Japanese Plum Blossom [cerah_plum_blossom] */
[data-theme="cerah_plum_blossom"] {
    --bg-main: #fdf4f8;
    --bg-card: #ffffff;
    --bg-surface: #fce7f3;
    --bg-elevated: #fbcfe8;
    --bg-navbar: rgba(253, 244, 248, 0.94);
    --border-subtle: #fbcfe8;
    --border-light: #f472b6;
    --primary: #a21caf;
    --primary-hover: #86198f;
    --primary-glow: rgba(162, 28, 175, 0.25);
    --primary-contrast: #ffffff;
    --accent: #e879f9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(162, 28, 175, 0.08);
    --bg-radial-2: rgba(232, 121, 249, 0.06);
}

body[data-theme="cerah_plum_blossom"], html[data-theme="cerah_plum_blossom"] {
    --admin-bg: #fdf4f8;
    --admin-card: #ffffff;
    --admin-surface: #fce7f3;
    --admin-border: #fbcfe8;
    --admin-border-light: #f472b6;
    --primary: #a21caf;
    --primary-hover: #86198f;
    --primary-glow: rgba(162, 28, 175, 0.25);
    --accent: #e879f9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Rainbow Sherbet Twist [cerah_rainbow_sherbet] */
[data-theme="cerah_rainbow_sherbet"] {
    --bg-main: #fffbf0;
    --bg-card: #ffffff;
    --bg-surface: #ffe4e6;
    --bg-elevated: #fecdd3;
    --bg-navbar: rgba(255, 251, 240, 0.94);
    --border-subtle: #fecdd3;
    --border-light: #fda4af;
    --primary: #ec4899;
    --primary-hover: #db2777;
    --primary-glow: rgba(236, 72, 153, 0.25);
    --primary-contrast: #ffffff;
    --accent: #06b6d4;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(236, 72, 153, 0.08);
    --bg-radial-2: rgba(6, 182, 212, 0.06);
}

body[data-theme="cerah_rainbow_sherbet"], html[data-theme="cerah_rainbow_sherbet"] {
    --admin-bg: #fffbf0;
    --admin-card: #ffffff;
    --admin-surface: #ffe4e6;
    --admin-border: #fecdd3;
    --admin-border-light: #fda4af;
    --primary: #ec4899;
    --primary-hover: #db2777;
    --primary-glow: rgba(236, 72, 153, 0.25);
    --accent: #06b6d4;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Party Cupcake Sprinkles [cerah_cupcake_party] */
[data-theme="cerah_cupcake_party"] {
    --bg-main: #fffbfb;
    --bg-card: #ffffff;
    --bg-surface: #fdf2f8;
    --bg-elevated: #fce7f3;
    --bg-navbar: rgba(255, 251, 251, 0.94);
    --border-subtle: #fbcfe8;
    --border-light: #f472b6;
    --primary: #d946ef;
    --primary-hover: #c026d3;
    --primary-glow: rgba(217, 70, 239, 0.25);
    --primary-contrast: #ffffff;
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(217, 70, 239, 0.08);
    --bg-radial-2: rgba(245, 158, 11, 0.06);
}

body[data-theme="cerah_cupcake_party"], html[data-theme="cerah_cupcake_party"] {
    --admin-bg: #fffbfb;
    --admin-card: #ffffff;
    --admin-surface: #fdf2f8;
    --admin-border: #fbcfe8;
    --admin-border-light: #f472b6;
    --primary: #d946ef;
    --primary-hover: #c026d3;
    --primary-glow: rgba(217, 70, 239, 0.25);
    --accent: #f59e0b;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sweet Swirl Lollipop [cerah_lollipop_candy] */
[data-theme="cerah_lollipop_candy"] {
    --bg-main: #fff5f8;
    --bg-card: #ffffff;
    --bg-surface: #ffe4eb;
    --bg-elevated: #fec5d5;
    --bg-navbar: rgba(255, 245, 248, 0.94);
    --border-subtle: #fec5d5;
    --border-light: #fb7199;
    --primary: #ff007f;
    --primary-hover: #e00070;
    --primary-glow: rgba(255, 0, 127, 0.25);
    --primary-contrast: #ffffff;
    --accent: #0ea5e9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(255, 0, 127, 0.08);
    --bg-radial-2: rgba(14, 165, 233, 0.06);
}

body[data-theme="cerah_lollipop_candy"], html[data-theme="cerah_lollipop_candy"] {
    --admin-bg: #fff5f8;
    --admin-card: #ffffff;
    --admin-surface: #ffe4eb;
    --admin-border: #fec5d5;
    --admin-border-light: #fb7199;
    --primary: #ff007f;
    --primary-hover: #e00070;
    --primary-glow: rgba(255, 0, 127, 0.25);
    --accent: #0ea5e9;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Puffy Marshmallow Cloud [cerah_marshmallow] */
[data-theme="cerah_marshmallow"] {
    --bg-main: #fdf4ff;
    --bg-card: #ffffff;
    --bg-surface: #fae8ff;
    --bg-elevated: #f5d0fe;
    --bg-navbar: rgba(253, 244, 255, 0.94);
    --border-subtle: #f5d0fe;
    --border-light: #e879f9;
    --primary: #db2777;
    --primary-hover: #be185d;
    --primary-glow: rgba(219, 39, 119, 0.25);
    --primary-contrast: #ffffff;
    --accent: #8b5cf6;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(219, 39, 119, 0.08);
    --bg-radial-2: rgba(139, 92, 246, 0.06);
}

body[data-theme="cerah_marshmallow"], html[data-theme="cerah_marshmallow"] {
    --admin-bg: #fdf4ff;
    --admin-card: #ffffff;
    --admin-surface: #fae8ff;
    --admin-border: #f5d0fe;
    --admin-border-light: #e879f9;
    --primary: #db2777;
    --primary-hover: #be185d;
    --primary-glow: rgba(219, 39, 119, 0.25);
    --accent: #8b5cf6;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Fruity Gummy Bear Candy [cerah_gummy_bear] */
[data-theme="cerah_gummy_bear"] {
    --bg-main: #fffbeb;
    --bg-card: #ffffff;
    --bg-surface: #fef3c7;
    --bg-elevated: #fde68a;
    --bg-navbar: rgba(255, 251, 235, 0.94);
    --border-subtle: #fde68a;
    --border-light: #fcd34d;
    --primary: #f59e0b;
    --primary-hover: #d97706;
    --primary-glow: rgba(245, 158, 11, 0.25);
    --primary-contrast: #000000;
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(245, 158, 11, 0.08);
    --bg-radial-2: rgba(16, 185, 129, 0.06);
}

body[data-theme="cerah_gummy_bear"], html[data-theme="cerah_gummy_bear"] {
    --admin-bg: #fffbeb;
    --admin-card: #ffffff;
    --admin-surface: #fef3c7;
    --admin-border: #fde68a;
    --admin-border-light: #fcd34d;
    --primary: #f59e0b;
    --primary-hover: #d97706;
    --primary-glow: rgba(245, 158, 11, 0.25);
    --accent: #10b981;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Sunlit Cafe Terrace [cerah_sunlit_terrace] */
[data-theme="cerah_sunlit_terrace"] {
    --bg-main: #fffef5;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(255, 254, 245, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(217, 119, 6, 0.25);
    --primary-contrast: #ffffff;
    --accent: #059669;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(217, 119, 6, 0.08);
    --bg-radial-2: rgba(5, 150, 105, 0.06);
}

body[data-theme="cerah_sunlit_terrace"], html[data-theme="cerah_sunlit_terrace"] {
    --admin-bg: #fffef5;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #d97706;
    --primary-hover: #b45309;
    --primary-glow: rgba(217, 119, 6, 0.25);
    --accent: #059669;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: White Daisy Sunshine [cerah_daisy_sunshine] */
[data-theme="cerah_daisy_sunshine"] {
    --bg-main: #fefce8;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(254, 252, 232, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --primary-contrast: #ffffff;
    --accent: #16a34a;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(202, 138, 4, 0.08);
    --bg-radial-2: rgba(22, 163, 74, 0.06);
}

body[data-theme="cerah_daisy_sunshine"], html[data-theme="cerah_daisy_sunshine"] {
    --admin-bg: #fefce8;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --accent: #16a34a;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Tropical Hibiscus Punch [cerah_hibiscus_punch] */
[data-theme="cerah_hibiscus_punch"] {
    --bg-main: #fff0f3;
    --bg-card: #ffffff;
    --bg-surface: #ffe0e6;
    --bg-elevated: #fec5d1;
    --bg-navbar: rgba(255, 240, 243, 0.94);
    --border-subtle: #fec5d1;
    --border-light: #fda4b8;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --primary-contrast: #ffffff;
    --accent: #ea580c;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(225, 29, 72, 0.08);
    --bg-radial-2: rgba(234, 88, 12, 0.06);
}

body[data-theme="cerah_hibiscus_punch"], html[data-theme="cerah_hibiscus_punch"] {
    --admin-bg: #fff0f3;
    --admin-card: #ffffff;
    --admin-surface: #ffe0e6;
    --admin-border: #fec5d1;
    --admin-border-light: #fda4b8;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-glow: rgba(225, 29, 72, 0.25);
    --accent: #ea580c;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Coconut Beach Day [cerah_coconut_breeze] */
[data-theme="cerah_coconut_breeze"] {
    --bg-main: #f8fafc;
    --bg-card: #ffffff;
    --bg-surface: #e2e8f0;
    --bg-elevated: #cbd5e1;
    --bg-navbar: rgba(248, 250, 252, 0.94);
    --border-subtle: #cbd5e1;
    --border-light: #94a3b8;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.25);
    --primary-contrast: #ffffff;
    --accent: #ca8a04;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(2, 132, 199, 0.08);
    --bg-radial-2: rgba(202, 138, 4, 0.06);
}

body[data-theme="cerah_coconut_breeze"], html[data-theme="cerah_coconut_breeze"] {
    --admin-bg: #f8fafc;
    --admin-card: #ffffff;
    --admin-surface: #e2e8f0;
    --admin-border: #cbd5e1;
    --admin-border-light: #94a3b8;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-glow: rgba(2, 132, 199, 0.25);
    --accent: #ca8a04;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Baked Lemon Cream Tart [cerah_lemon_tart] */
[data-theme="cerah_lemon_tart"] {
    --bg-main: #fffdeb;
    --bg-card: #ffffff;
    --bg-surface: #fef9c3;
    --bg-elevated: #fef08a;
    --bg-navbar: rgba(255, 253, 235, 0.94);
    --border-subtle: #fef08a;
    --border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --primary-contrast: #ffffff;
    --accent: #e11d48;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(202, 138, 4, 0.08);
    --bg-radial-2: rgba(225, 29, 72, 0.06);
}

body[data-theme="cerah_lemon_tart"], html[data-theme="cerah_lemon_tart"] {
    --admin-bg: #fffdeb;
    --admin-card: #ffffff;
    --admin-surface: #fef9c3;
    --admin-border: #fef08a;
    --admin-border-light: #fde047;
    --primary: #ca8a04;
    --primary-hover: #a16207;
    --primary-glow: rgba(202, 138, 4, 0.25);
    --accent: #e11d48;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}

/* Theme: Golden Sunrise Horizon [cerah_sunrise_horizon] */
[data-theme="cerah_sunrise_horizon"] {
    --bg-main: #fff8f1;
    --bg-card: #ffffff;
    --bg-surface: #ffedd5;
    --bg-elevated: #fed7aa;
    --bg-navbar: rgba(255, 248, 241, 0.94);
    --border-subtle: #fed7aa;
    --border-light: #fdba74;
    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-glow: rgba(249, 115, 22, 0.25);
    --primary-contrast: #ffffff;
    --accent: #ec4899;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --bg-radial-1: rgba(249, 115, 22, 0.08);
    --bg-radial-2: rgba(236, 72, 153, 0.06);
}

body[data-theme="cerah_sunrise_horizon"], html[data-theme="cerah_sunrise_horizon"] {
    --admin-bg: #fff8f1;
    --admin-card: #ffffff;
    --admin-surface: #ffedd5;
    --admin-border: #fed7aa;
    --admin-border-light: #fdba74;
    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-glow: rgba(249, 115, 22, 0.25);
    --accent: #ec4899;
    --text-main: #1e293b;
    --text-heading: #0f172a;
    --text-muted: #64748b;
}