/* BIODEV THEMES COLLECTION */

[data-theme="pure-white"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --border: #e4e4e7;
  --text: #000000;
  --text2: #52525b;
  --accent: #000000;
  --btn-radius: 8px;
  --btn-shadow: none;
}

[data-theme="soft-gray"] {
  --bg: #f4f4f5;
  --surface: #ffffff;
  --border: #d4d4d8;
  --text: #18181b;
  --text2: #52525b;
  --accent: #27272a;
  --btn-radius: 16px;
  --btn-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

[data-theme="clean-slate"] {
  --bg: #f1f5f9;
  --surface: #ffffff;
  --border: #cbd5e1;
  --text: #0f172a;
  --text2: #475569;
  --accent: #334155;
  --btn-radius: 99px;
  --btn-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

[data-theme="mochi-cloud"] {
  --bg: #fef3c7;
  --surface: #ffffff;
  --border: #fde68a;
  --text: #78350f;
  --text2: #92400e;
  --accent: #f59e0b;
  --btn-radius: 99px;
  --btn-shadow: 0 8px 20px rgba(245,158,11,0.15);
}

[data-theme="cotton-candy"] {
  --bg: #fdf2f8;
  --surface: #ffffff;
  --border: #fbcfe8;
  --text: #831843;
  --text2: #9d174d;
  --accent: #ec4899;
  --btn-radius: 99px;
  --btn-shadow: 0 8px 20px rgba(236,72,153,0.15);
}

[data-theme="peach-milk"] {
  --bg: #fff1f2;
  --surface: #ffffff;
  --border: #fecdd3;
  --text: #881337;
  --text2: #be123c;
  --accent: #f43f5e;
  --btn-radius: 99px;
  --btn-shadow: 0 8px 20px rgba(244,63,94,0.15);
}

[data-theme="bubble-tea"] {
  --bg: #fffbeb;
  --surface: #ffffff;
  --border: #fef08a;
  --text: #713f12;
  --text2: #854d0e;
  --accent: #ca8a04;
  --btn-radius: 24px;
  --btn-shadow: 0 8px 20px rgba(202,138,4,0.15);
}

[data-theme="jelly-mint"] {
  --bg: #ecfdf5;
  --surface: #ffffff;
  --border: #a7f3d0;
  --text: #064e3b;
  --text2: #065f46;
  --accent: #10b981;
  --btn-radius: 99px;
  --btn-shadow: 0 8px 20px rgba(16,185,129,0.15);
}

[data-theme="panda-soft"] {
  --bg: #f8fafc;
  --surface: #ffffff;
  --border: #e2e8f0;
  --text: #0f172a;
  --text2: #334155;
  --accent: #1e293b;
  --btn-radius: 24px;
  --btn-shadow: 0 8px 20px rgba(15,23,42,0.1);
}

[data-theme="lavender-dream"] {
  --bg: linear-gradient(135deg, #f3e8ff, #e0e7ff);
  --surface: rgba(255,255,255,0.6);
  --border: rgba(255,255,255,0.8);
  --text: #312e81;
  --text2: #4338ca;
  --accent: #6366f1;
  --btn-radius: 24px;
  --btn-shadow: 0 10px 30px rgba(99,102,241,0.1);
}

[data-theme="sky-bubble"] {
  --bg: linear-gradient(135deg, #e0f2fe, #dbeafe);
  --surface: rgba(255,255,255,0.6);
  --border: rgba(255,255,255,0.8);
  --text: #0c4a6e;
  --text2: #0369a1;
  --accent: #0ea5e9;
  --btn-radius: 99px;
  --btn-shadow: 0 10px 30px rgba(14,165,233,0.1);
}

[data-theme="dream-soda"] {
  --bg: linear-gradient(135deg, #ffedd5, #fce7f3);
  --surface: rgba(255,255,255,0.6);
  --border: rgba(255,255,255,0.8);
  --text: #7c2d12;
  --text2: #9a3412;
  --accent: #f97316;
  --btn-radius: 24px;
  --btn-shadow: 0 10px 30px rgba(249,115,22,0.1);
}

[data-theme="soft-galaxy"] {
  --bg: linear-gradient(135deg, #1e1b4b, #312e81);
  --surface: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.1);
  --text: #e0e7ff;
  --text2: #a5b4fc;
  --accent: #818cf8;
  --btn-radius: 24px;
  --btn-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

[data-theme="aurora-mist"] {
  --bg: linear-gradient(135deg, #064e3b, #0c4a6e);
  --surface: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.1);
  --text: #ccfbf1;
  --text2: #5eead4;
  --accent: #2dd4bf;
  --btn-radius: 99px;
  --btn-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

[data-theme="pink-haze"] {
  --bg: linear-gradient(135deg, #831843, #4c1d95);
  --surface: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.1);
  --text: #fce7f3;
  --text2: #f472b6;
  --accent: #ec4899;
  --btn-radius: 24px;
  --btn-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

[data-theme="obsidian-night"] {
  --bg: #0a0a0a;
  --surface: #171717;
  --border: #262626;
  --text: #fafafa;
  --text2: #a1a1aa;
  --accent: #f4f4f5;
  --btn-radius: 12px;
  --btn-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

[data-theme="midnight-luxe"] {
  --bg: #020617;
  --surface: #0f172a;
  --border: #1e293b;
  --text: #f8fafc;
  --text2: #94a3b8;
  --accent: #38bdf8;
  --btn-radius: 16px;
  --btn-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

[data-theme="noir-glass"] {
  --bg: #000000;
  --surface: rgba(255,255,255,0.03);
  --border: rgba(255,255,255,0.08);
  --text: #ffffff;
  --text2: #71717a;
  --accent: #ffffff;
  --btn-radius: 24px;
  --btn-shadow: 0 10px 40px rgba(255,255,255,0.05);
}

[data-theme="deep-space"] {
  --bg: #09090b;
  --surface: #18181b;
  --border: #27272a;
  --text: #f4f4f5;
  --text2: #a1a1aa;
  --accent: #6366f1;
  --btn-radius: 99px;
  --btn-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

[data-theme="dark-velvet"] {
  --bg: #2e1065;
  --surface: #4c1d95;
  --border: #5b21b6;
  --text: #f5f3ff;
  --text2: #c4b5fd;
  --accent: #a78bfa;
  --btn-radius: 16px;
  --btn-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

[data-theme="eclipse"] {
  --bg: #171717;
  --surface: #262626;
  --border: #404040;
  --text: #ffffff;
  --text2: #a3a3a3;
  --accent: #fbbf24;
  --btn-radius: 99px;
  --btn-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

[data-theme="cyber-neon"] {
  --bg: #050505;
  --surface: #0a0a0a;
  --border: #22d3ee;
  --text: #ffffff;
  --text2: #a3a3a3;
  --accent: #22d3ee;
  --btn-radius: 0px;
  --btn-shadow: 0 0 15px rgba(34,211,238,0.5);
}

[data-theme="neon-pulse"] {
  --bg: #000000;
  --surface: #111827;
  --border: #ec4899;
  --text: #ffffff;
  --text2: #d1d5db;
  --accent: #ec4899;
  --btn-radius: 8px;
  --btn-shadow: 0 0 15px rgba(236,72,153,0.5);
}

[data-theme="electric-blue"] {
  --bg: #020617;
  --surface: transparent;
  --border: #3b82f6;
  --text: #e0f2fe;
  --text2: #7dd3fc;
  --accent: #3b82f6;
  --btn-radius: 99px;
  --btn-shadow: 0 0 15px rgba(59,130,246,0.5);
}

[data-theme="hologram-ui"] {
  --bg: #0f172a;
  --surface: rgba(167,139,250,0.1);
  --border: #a78bfa;
  --text: #f8fafc;
  --text2: #94a3b8;
  --accent: #a78bfa;
  --btn-radius: 16px;
  --btn-shadow: 0 0 20px rgba(167,139,250,0.4);
}

[data-theme="matrix-glow"] {
  --bg: #022c22;
  --surface: #064e3b;
  --border: #10b981;
  --text: #ecfdf5;
  --text2: #6ee7b7;
  --accent: #10b981;
  --btn-radius: 0px;
  --btn-shadow: 0 0 15px rgba(16,185,129,0.5);
}

[data-theme="future-pink"] {
  --bg: #2a0416;
  --surface: #500724;
  --border: #fb7185;
  --text: #fdf2f8;
  --text2: #f472b6;
  --accent: #fb7185;
  --btn-radius: 24px;
  --btn-shadow: 0 0 20px rgba(251,113,133,0.5);
}

[data-theme="mint-garden"] {
  --bg: #f0fdf4;
  --surface: #ffffff;
  --border: #bbf7d0;
  --text: #14532d;
  --text2: #166534;
  --accent: #22c55e;
  --btn-radius: 24px;
  --btn-shadow: 0 4px 15px rgba(34,197,94,0.1);
}

[data-theme="forest-calm"] {
  --bg: #064e3b;
  --surface: #065f46;
  --border: #10b981;
  --text: #ecfdf5;
  --text2: #a7f3d0;
  --accent: #34d399;
  --btn-radius: 16px;
  --btn-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

[data-theme="earth-clay"] {
  --bg: #fff7ed;
  --surface: #ffedd5;
  --border: #fdba74;
  --text: #7c2d12;
  --text2: #9a3412;
  --accent: #ea580c;
  --btn-radius: 99px;
  --btn-shadow: 0 4px 15px rgba(234,88,12,0.1);
}

[data-theme="ocean-breeze"] {
  --bg: #f0f9ff;
  --surface: #ffffff;
  --border: #bae6fd;
  --text: #0c4a6e;
  --text2: #075985;
  --accent: #0284c7;
  --btn-radius: 24px;
  --btn-shadow: 0 4px 15px rgba(2,132,199,0.1);
}

[data-theme="sakura-soft"] {
  --bg: #fdf2f8;
  --surface: #ffffff;
  --border: #fbcfe8;
  --text: #831843;
  --text2: #9d174d;
  --accent: #db2777;
  --btn-radius: 24px;
  --btn-shadow: 0 4px 15px rgba(219,39,119,0.1);
}

[data-theme="sand-beige"] {
  --bg: #fdfbf7;
  --surface: #f4f4f5;
  --border: #e4e4e7;
  --text: #3f3f46;
  --text2: #71717a;
  --accent: #a1a1aa;
  --btn-radius: 16px;
  --btn-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

[data-theme="minimal-ink"] {
  --bg: #fafafa;
  --surface: #ffffff;
  --border: #000000;
  --text: #09090b;
  --text2: #71717a;
  --accent: #000000;
  --btn-radius: 0px;
  --btn-shadow: 4px 4px 0px #000000;
}

[data-theme="glass-candy"] {
  --bg: linear-gradient(45deg, #fbcfe8, #bfdbfe, #a7f3d0);
  --surface: rgba(255,255,255,0.4);
  --border: rgba(255,255,255,0.6);
  --text: #1e293b;
  --text2: #334155;
  --accent: #f43f5e;
  --btn-radius: 24px;
  --btn-shadow: 0 8px 32px rgba(31,38,135,0.1);
}

[data-theme="retro-pixel"] {
  --bg: #0000aa;
  --surface: #0000aa;
  --border: #ffffff;
  --text: #ffffff;
  --text2: #aaaaaa;
  --accent: #ff00ff;
  --btn-radius: 0px;
  --btn-shadow: none;
}

[data-theme="liquid-gradient"] {
  --bg: linear-gradient(to right, #ff4b1f, #ff9068);
  --surface: rgba(0,0,0,0.1);
  --border: rgba(255,255,255,0.2);
  --text: #ffffff;
  --text2: #ffedd5;
  --accent: #ffffff;
  --btn-radius: 99px;
  --btn-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

[data-theme="soft-clay"] {
  --bg: #e0e5ec;
  --surface: #e0e5ec;
  --border: transparent;
  --text: #4a5568;
  --text2: #718096;
  --accent: #3182ce;
  --btn-radius: 24px;
  --btn-shadow: 9px 9px 16px rgba(163,177,198,0.6), -9px -9px 16px rgba(255,255,255,0.5);
}

[data-theme="frosted-dark"] {
  --bg: radial-gradient(circle at 50% 0%, #312e81, #0f172a);
  --surface: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.1);
  --text: #f8fafc;
  --text2: #94a3b8;
  --accent: #38bdf8;
  --btn-radius: 24px;
  --btn-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

[data-theme="golden-hour"] {
  --bg: linear-gradient(135deg, #fef08a, #f97316);
  --surface: rgba(255,255,255,0.5);
  --border: rgba(255,255,255,0.7);
  --text: #431407;
  --text2: #7c2d12;
  --accent: #c2410c;
  --btn-radius: 24px;
  --btn-shadow: 0 8px 32px rgba(249,115,22,0.2);
}

[data-theme="cyberpunk-city"] {
  --bg: linear-gradient(135deg, #2e0249, #570a57);
  --surface: rgba(169,16,121,0.4);
  --border: #a91079;
  --text: #facc15;
  --text2: #fef08a;
  --accent: #facc15;
  --btn-radius: 8px;
  --btn-shadow: 0 4px 20px rgba(169,16,121,0.6);
}

[data-theme="matcha-latte"] {
  --bg: #f1f8e9;
  --surface: #ffffff;
  --border: #c5e1a5;
  --text: #33691e;
  --text2: #558b2f;
  --accent: #689f38;
  --btn-radius: 99px;
  --btn-shadow: 0 4px 15px rgba(104,159,56,0.15);
}

[data-theme="sunset-vibes"] {
  --bg: linear-gradient(to bottom, #ff7e5f, #feb47b);
  --surface: rgba(255,255,255,0.2);
  --border: rgba(255,255,255,0.3);
  --text: #ffffff;
  --text2: #ffe0b2;
  --accent: #ffffff;
  --btn-radius: 24px;
  --btn-shadow: 0 10px 25px rgba(255,126,95,0.3);
}

[data-theme="abyssal-blue"] {
  --bg: #0b132b;
  --surface: #1c2541;
  --border: #3a506b;
  --text: #e0fbfc;
  --text2: #98c1d9;
  --accent: #5bc0be;
  --btn-radius: 16px;
  --btn-shadow: 0 8px 24px rgba(0,0,0,0.5);
}

[data-theme="rose-gold"] {
  --bg: linear-gradient(135deg, #ffecd2, #fcb69f);
  --surface: rgba(255,255,255,0.6);
  --border: rgba(255,255,255,0.9);
  --text: #5d4037;
  --text2: #8d6e63;
  --accent: #d84315;
  --btn-radius: 99px;
  --btn-shadow: 0 10px 30px rgba(252,182,159,0.3);
}