/* ========================================================
   52 HIGH-PRECISION BIO THEMES - bio.info.vn
   Fully Responsive, Custom Variables, Cross-device Ready
   ======================================================== */

.theme-minimal-dark {
    --bio-bg: #09090b;
    --bio-card-bg: rgba(24, 24, 27, 0.8);
    --bio-card-border: rgba(255, 255, 255, 0.12);
    --bio-card-hover: #27272a;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #a1a1aa;
    --bio-accent: #38bdf8;
    --bio-badge-bg: #1e293b;
    --bio-card-shadow: 0 4px 20px rgba(0,0,0,0.5);
    --bio-font: 'Inter', sans-serif;
}

.theme-minimal-light {
    --bio-bg: #f8fafc;
    --bio-card-bg: #ffffff;
    --bio-card-border: #e2e8f0;
    --bio-card-hover: #f1f5f9;
    --bio-text-primary: #0f172a;
    --bio-text-secondary: #64748b;
    --bio-accent: #2563eb;
    --bio-badge-bg: #dbeafe;
    --bio-card-shadow: 0 2px 10px rgba(0,0,0,0.05);
    --bio-font: 'Inter', sans-serif;
}

.theme-warm-paper {
    --bio-bg: #f7f4ea;
    --bio-card-bg: #ffffff;
    --bio-card-border: #e8e1cf;
    --bio-card-hover: #f1ecdc;
    --bio-text-primary: #2d2a26;
    --bio-text-secondary: #78716c;
    --bio-accent: #d97706;
    --bio-badge-bg: #fef3c7;
    --bio-card-shadow: 0 4px 14px rgba(60, 50, 30, 0.06);
    --bio-font: 'Outfit', sans-serif;
}

.theme-slate-corporate {
    --bio-bg: #0f172a;
    --bio-card-bg: #1e293b;
    --bio-card-border: #334155;
    --bio-card-hover: #334155;
    --bio-text-primary: #f8fafc;
    --bio-text-secondary: #94a3b8;
    --bio-accent: #0ea5e9;
    --bio-badge-bg: #0369a1;
    --bio-card-shadow: 0 6px 20px rgba(0,0,0,0.3);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-monokai-clean {
    --bio-bg: #272822;
    --bio-card-bg: #3e3d32;
    --bio-card-border: #75715e;
    --bio-card-hover: #49483e;
    --bio-text-primary: #f8f8f2;
    --bio-text-secondary: #a6e22e;
    --bio-accent: #66d9ef;
    --bio-badge-bg: #fd971f;
    --bio-card-shadow: 0 4px 18px rgba(0,0,0,0.4);
    --bio-font: 'Fira Code', sans-serif;
}

.theme-nordic-frost {
    --bio-bg: #eef2f6;
    --bio-card-bg: #ffffff;
    --bio-card-border: #cbd5e1;
    --bio-card-hover: #e2e8f0;
    --bio-text-primary: #1e293b;
    --bio-text-secondary: #64748b;
    --bio-accent: #0284c7;
    --bio-badge-bg: #e0f2fe;
    --bio-card-shadow: 0 4px 15px rgba(2, 132, 199, 0.08);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-sage-zen {
    --bio-bg: #e9edc9;
    --bio-card-bg: #fefae0;
    --bio-card-border: #ccd5ae;
    --bio-card-hover: #e3d5ca;
    --bio-text-primary: #283618;
    --bio-text-secondary: #606c38;
    --bio-accent: #dda15e;
    --bio-badge-bg: #d4a373;
    --bio-card-shadow: 0 4px 12px rgba(40, 54, 24, 0.08);
    --bio-font: 'Outfit', sans-serif;
}

.theme-stone-matte {
    --bio-bg: #1c1917;
    --bio-card-bg: #292524;
    --bio-card-border: #44403c;
    --bio-card-hover: #3c3836;
    --bio-text-primary: #fafaf9;
    --bio-text-secondary: #a8a29e;
    --bio-accent: #f97316;
    --bio-badge-bg: #7c2d12;
    --bio-card-shadow: 0 4px 16px rgba(0,0,0,0.4);
    --bio-font: 'Inter', sans-serif;
}

.theme-sunset-miami {
    --bio-bg: linear-gradient(135deg, #4c0519 0%, #831843 35%, #581c87 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.1);
    --bio-card-border: rgba(244, 114, 182, 0.3);
    --bio-card-hover: rgba(255, 255, 255, 0.18);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #fbcfe8;
    --bio-accent: #fb7185;
    --bio-badge-bg: #9d174d;
    --bio-card-shadow: 0 8px 32px rgba(244, 63, 94, 0.25);
    --bio-font: 'Poppins', sans-serif;
}

.theme-aurora-glow {
    --bio-bg: linear-gradient(135deg, #022c22 0%, #064e3b 40%, #0f172a 100%);
    --bio-card-bg: rgba(16, 185, 129, 0.1);
    --bio-card-border: rgba(52, 211, 153, 0.3);
    --bio-card-hover: rgba(52, 211, 153, 0.2);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #a7f3d0;
    --bio-accent: #34d399;
    --bio-badge-bg: #065f46;
    --bio-card-shadow: 0 8px 30px rgba(52, 211, 153, 0.2);
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-electric-violet {
    --bio-bg: linear-gradient(135deg, #1e1b4b 0%, #31104b 50%, #09090b 100%);
    --bio-card-bg: rgba(139, 92, 246, 0.12);
    --bio-card-border: rgba(167, 139, 250, 0.35);
    --bio-card-hover: rgba(139, 92, 246, 0.22);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #ddd6fe;
    --bio-accent: #a855f7;
    --bio-badge-bg: #6b21a8;
    --bio-card-shadow: 0 10px 30px rgba(168, 85, 247, 0.3);
    --bio-font: 'Syne', sans-serif;
}

.theme-deep-ocean {
    --bio-bg: linear-gradient(140deg, #082f49 0%, #0369a1 50%, #0284c7 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.12);
    --bio-card-border: rgba(125, 211, 252, 0.35);
    --bio-card-hover: rgba(255, 255, 255, 0.22);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #bae6fd;
    --bio-accent: #38bdf8;
    --bio-badge-bg: #075985;
    --bio-card-shadow: 0 8px 32px rgba(14, 165, 233, 0.3);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-golden-hour {
    --bio-bg: linear-gradient(135deg, #451a03 0%, #78350f 40%, #b45309 100%);
    --bio-card-bg: rgba(251, 191, 36, 0.12);
    --bio-card-border: rgba(251, 191, 36, 0.35);
    --bio-card-hover: rgba(251, 191, 36, 0.22);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #fef08a;
    --bio-accent: #fbbf24;
    --bio-badge-bg: #92400e;
    --bio-card-shadow: 0 8px 30px rgba(251, 191, 36, 0.25);
    --bio-font: 'Outfit', sans-serif;
}

.theme-cosmic-purple {
    --bio-bg: linear-gradient(135deg, #18002e 0%, #3a0066 50%, #6b0099 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.08);
    --bio-card-border: rgba(216, 180, 254, 0.25);
    --bio-card-hover: rgba(255, 255, 255, 0.15);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #e9d5ff;
    --bio-accent: #c084fc;
    --bio-badge-bg: #581c87;
    --bio-card-shadow: 0 8px 32px rgba(192, 132, 252, 0.25);
    --bio-font: 'Poppins', sans-serif;
}

.theme-hyper-orange {
    --bio-bg: linear-gradient(135deg, #431407 0%, #9a3412 50%, #ea580c 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.12);
    --bio-card-border: rgba(253, 186, 116, 0.35);
    --bio-card-hover: rgba(255, 255, 255, 0.2);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #ffedd5;
    --bio-accent: #fb923c;
    --bio-badge-bg: #9a3412;
    --bio-card-shadow: 0 8px 30px rgba(234, 88, 12, 0.3);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-berry-smoothie {
    --bio-bg: linear-gradient(135deg, #500724 0%, #831843 50%, #be185d 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.1);
    --bio-card-border: rgba(244, 114, 182, 0.3);
    --bio-card-hover: rgba(255, 255, 255, 0.18);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #fce7f3;
    --bio-accent: #f472b6;
    --bio-badge-bg: #831843;
    --bio-card-shadow: 0 8px 30px rgba(219, 39, 119, 0.3);
    --bio-font: 'Poppins', sans-serif;
}

.theme-cyberpunk {
    --bio-bg: #0a0a12;
    --bio-card-bg: rgba(18, 18, 30, 0.85);
    --bio-card-border: #00f0ff;
    --bio-card-hover: rgba(0, 240, 255, 0.15);
    --bio-text-primary: #ffee00;
    --bio-text-secondary: #00f0ff;
    --bio-accent: #ff003c;
    --bio-badge-bg: #ff003c;
    --bio-card-shadow: 0 0 20px rgba(0, 240, 255, 0.3), inset 0 0 10px rgba(255, 238, 0, 0.1);
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-matrix-rain {
    --bio-bg: #030a04;
    --bio-card-bg: rgba(6, 26, 10, 0.8);
    --bio-card-border: #00ff66;
    --bio-card-hover: rgba(0, 255, 102, 0.15);
    --bio-text-primary: #00ff66;
    --bio-text-secondary: #80ffaa;
    --bio-accent: #00cc52;
    --bio-badge-bg: #003b14;
    --bio-card-shadow: 0 0 25px rgba(0, 255, 102, 0.25);
    --bio-font: 'Fira Code', sans-serif;
}

.theme-blood-ruby {
    --bio-bg: #0c0506;
    --bio-card-bg: #1a0b0d;
    --bio-card-border: #dc2626;
    --bio-card-hover: #2e1014;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #fca5a5;
    --bio-accent: #ef4444;
    --bio-badge-bg: #7f1d1d;
    --bio-card-shadow: 0 0 25px rgba(239, 68, 68, 0.25);
    --bio-font: 'Syne', sans-serif;
}

.theme-vaporwave {
    --bio-bg: linear-gradient(180deg, #1b023a 0%, #44006b 60%, #ff4b91 100%);
    --bio-card-bg: rgba(33, 4, 70, 0.75);
    --bio-card-border: #01cdfe;
    --bio-card-hover: rgba(1, 205, 254, 0.2);
    --bio-text-primary: #05ffa1;
    --bio-text-secondary: #ff71ce;
    --bio-accent: #01cdfe;
    --bio-badge-bg: #b967ff;
    --bio-card-shadow: 0 8px 25px rgba(255, 113, 206, 0.3);
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-stealth-carbon {
    --bio-bg: #121214;
    --bio-card-bg: #1b1b1f;
    --bio-card-border: #2e2e36;
    --bio-card-hover: #26262c;
    --bio-text-primary: #e4e4e7;
    --bio-text-secondary: #71717a;
    --bio-accent: #10b981;
    --bio-badge-bg: #064e3b;
    --bio-card-shadow: 0 6px 20px rgba(0,0,0,0.6);
    --bio-font: 'Inter', sans-serif;
}

.theme-hacker-terminal {
    --bio-bg: #000000;
    --bio-card-bg: #0d1117;
    --bio-card-border: #30363d;
    --bio-card-hover: #161b22;
    --bio-text-primary: #58a6ff;
    --bio-text-secondary: #7ee787;
    --bio-accent: #3fb950;
    --bio-badge-bg: #1f6feb;
    --bio-card-shadow: 0 0 15px rgba(88, 166, 255, 0.15);
    --bio-font: 'Fira Code', sans-serif;
}

.theme-esports-neon {
    --bio-bg: #0f081d;
    --bio-card-bg: #1b1035;
    --bio-card-border: #8b5cf6;
    --bio-card-hover: #26174a;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #c4b5fd;
    --bio-accent: #a78bfa;
    --bio-badge-bg: #5b21b6;
    --bio-card-shadow: 0 0 25px rgba(139, 92, 246, 0.3);
    --bio-font: 'Syne', sans-serif;
}

.theme-tokyo-night {
    --bio-bg: #1a1b26;
    --bio-card-bg: #24283b;
    --bio-card-border: #414868;
    --bio-card-hover: #2f354f;
    --bio-text-primary: #c0caf5;
    --bio-text-secondary: #7aa2f7;
    --bio-accent: #bb9af7;
    --bio-badge-bg: #3d59a1;
    --bio-card-shadow: 0 8px 24px rgba(0,0,0,0.4);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-sakura-pink {
    --bio-bg: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 50%, #fecdd3 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.9);
    --bio-card-border: #fda4af;
    --bio-card-hover: #ffffff;
    --bio-text-primary: #881337;
    --bio-text-secondary: #be123c;
    --bio-accent: #fb7185;
    --bio-badge-bg: #ffe4e6;
    --bio-card-shadow: 0 6px 20px rgba(244, 63, 94, 0.1);
    --bio-font: 'Poppins', sans-serif;
}

.theme-matcha-latte {
    --bio-bg: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    --bio-card-bg: #ffffff;
    --bio-card-border: #86efac;
    --bio-card-hover: #f0fdf4;
    --bio-text-primary: #14532d;
    --bio-text-secondary: #15803d;
    --bio-accent: #22c55e;
    --bio-badge-bg: #bbf7d0;
    --bio-card-shadow: 0 6px 18px rgba(34, 197, 94, 0.1);
    --bio-font: 'Outfit', sans-serif;
}

.theme-lavender-mist {
    --bio-bg: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    --bio-card-bg: #ffffff;
    --bio-card-border: #d8b4fe;
    --bio-card-hover: #faf5ff;
    --bio-text-primary: #581c87;
    --bio-text-secondary: #7e22ce;
    --bio-accent: #a855f7;
    --bio-badge-bg: #e9d5ff;
    --bio-card-shadow: 0 6px 18px rgba(168, 85, 247, 0.12);
    --bio-font: 'Poppins', sans-serif;
}

.theme-peach-milk {
    --bio-bg: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    --bio-card-bg: #ffffff;
    --bio-card-border: #fed7aa;
    --bio-card-hover: #fff7ed;
    --bio-text-primary: #7c2d12;
    --bio-text-secondary: #c2410c;
    --bio-accent: #f97316;
    --bio-badge-bg: #ffedd5;
    --bio-card-shadow: 0 6px 18px rgba(249, 115, 22, 0.12);
    --bio-font: 'Outfit', sans-serif;
}

.theme-sky-pastel {
    --bio-bg: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    --bio-card-bg: #ffffff;
    --bio-card-border: #bae6fd;
    --bio-card-hover: #f0f9ff;
    --bio-text-primary: #0c4a6e;
    --bio-text-secondary: #0284c7;
    --bio-accent: #38bdf8;
    --bio-badge-bg: #bae6fd;
    --bio-card-shadow: 0 6px 18px rgba(14, 165, 233, 0.12);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-honey-latte {
    --bio-bg: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
    --bio-card-bg: #ffffff;
    --bio-card-border: #fde047;
    --bio-card-hover: #fefce8;
    --bio-text-primary: #713f12;
    --bio-text-secondary: #a16207;
    --bio-accent: #eab308;
    --bio-badge-bg: #fef08a;
    --bio-card-shadow: 0 6px 18px rgba(234, 179, 8, 0.12);
    --bio-font: 'Outfit', sans-serif;
}

.theme-bubblegum-pop {
    --bio-bg: linear-gradient(135deg, #fdf2f8 0%, #e0e7ff 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.85);
    --bio-card-border: #f472b6;
    --bio-card-hover: #ffffff;
    --bio-text-primary: #4338ca;
    --bio-text-secondary: #db2777;
    --bio-accent: #ec4899;
    --bio-badge-bg: #fce7f3;
    --bio-card-shadow: 0 6px 20px rgba(236, 72, 153, 0.15);
    --bio-font: 'Poppins', sans-serif;
}

.theme-mint-cream {
    --bio-bg: linear-gradient(135deg, #ecfdf5 0%, #ccfbf1 100%);
    --bio-card-bg: #ffffff;
    --bio-card-border: #99f6e4;
    --bio-card-hover: #f0fdfa;
    --bio-text-primary: #134e4a;
    --bio-text-secondary: #0f766e;
    --bio-accent: #14b8a6;
    --bio-badge-bg: #ccfbf1;
    --bio-card-shadow: 0 6px 18px rgba(20, 184, 166, 0.12);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-glass-frosted {
    --bio-bg: radial-gradient(at 0% 0%, #6366f1 0, transparent 50%), radial-gradient(at 100% 100%, #ec4899 0, transparent 50%), #0f172a;
    --bio-card-bg: rgba(255, 255, 255, 0.08);
    --bio-card-border: rgba(255, 255, 255, 0.25);
    --bio-card-hover: rgba(255, 255, 255, 0.18);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #cbd5e1;
    --bio-accent: #a855f7;
    --bio-badge-bg: rgba(168, 85, 247, 0.4);
    --bio-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-golden-luxury {
    --bio-bg: #0c0a09;
    --bio-card-bg: rgba(28, 25, 23, 0.9);
    --bio-card-border: #d4af37;
    --bio-card-hover: #292524;
    --bio-text-primary: #fef08a;
    --bio-text-secondary: #d4af37;
    --bio-accent: #eab308;
    --bio-badge-bg: #713f12;
    --bio-card-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
    --bio-font: 'Outfit', sans-serif;
}

.theme-diamond-ice {
    --bio-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.07);
    --bio-card-border: rgba(226, 232, 240, 0.4);
    --bio-card-hover: rgba(255, 255, 255, 0.15);
    --bio-text-primary: #f8fafc;
    --bio-text-secondary: #94a3b8;
    --bio-accent: #38bdf8;
    --bio-badge-bg: rgba(56, 189, 248, 0.3);
    --bio-card-shadow: 0 8px 30px rgba(226, 232, 240, 0.15);
    --bio-font: 'Syne', sans-serif;
}

.theme-emerald-velvet {
    --bio-bg: #031e17;
    --bio-card-bg: rgba(6, 46, 36, 0.8);
    --bio-card-border: #10b981;
    --bio-card-hover: rgba(16, 185, 129, 0.25);
    --bio-text-primary: #ecfdf5;
    --bio-text-secondary: #a7f3d0;
    --bio-accent: #34d399;
    --bio-badge-bg: #065f46;
    --bio-card-shadow: 0 8px 30px rgba(16, 185, 129, 0.25);
    --bio-font: 'Outfit', sans-serif;
}

.theme-rose-gold {
    --bio-bg: linear-gradient(135deg, #2b1118 0%, #4c1d29 50%, #1c0a10 100%);
    --bio-card-bg: rgba(244, 63, 94, 0.1);
    --bio-card-border: #fda4af;
    --bio-card-hover: rgba(244, 63, 94, 0.2);
    --bio-text-primary: #fff1f2;
    --bio-text-secondary: #fecdd3;
    --bio-accent: #f43f5e;
    --bio-badge-bg: #881337;
    --bio-card-shadow: 0 8px 30px rgba(244, 63, 94, 0.2);
    --bio-font: 'Poppins', sans-serif;
}

.theme-black-marble {
    --bio-bg: #111113;
    --bio-card-bg: #19191d;
    --bio-card-border: rgba(255, 255, 255, 0.2);
    --bio-card-hover: #222228;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #a1a1aa;
    --bio-accent: #e4e4e7;
    --bio-badge-bg: #27272a;
    --bio-card-shadow: 0 8px 25px rgba(0,0,0,0.7);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-sapphire-crown {
    --bio-bg: linear-gradient(135deg, #081b33 0%, #0d284d 50%, #030e1d 100%);
    --bio-card-bg: rgba(30, 64, 175, 0.2);
    --bio-card-border: #60a5fa;
    --bio-card-hover: rgba(30, 64, 175, 0.35);
    --bio-text-primary: #eff6ff;
    --bio-text-secondary: #bfdbfe;
    --bio-accent: #3b82f6;
    --bio-badge-bg: #1e3a8a;
    --bio-card-shadow: 0 8px 30px rgba(59, 130, 246, 0.25);
    --bio-font: 'Outfit', sans-serif;
}

.theme-champagne-elegance {
    --bio-bg: linear-gradient(135deg, #241d15 0%, #3d3123 50%, #15110c 100%);
    --bio-card-bg: rgba(217, 119, 6, 0.15);
    --bio-card-border: #fcd34d;
    --bio-card-hover: rgba(217, 119, 6, 0.25);
    --bio-text-primary: #fffbeb;
    --bio-text-secondary: #fde68a;
    --bio-accent: #f59e0b;
    --bio-badge-bg: #78350f;
    --bio-card-shadow: 0 8px 30px rgba(245, 158, 11, 0.2);
    --bio-font: 'Syne', sans-serif;
}

.theme-bento-obsidian {
    --bio-bg: #0c0d12;
    --bio-card-bg: #161822;
    --bio-card-border: #282b3d;
    --bio-card-hover: #1f2230;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #9aa0b8;
    --bio-accent: #6366f1;
    --bio-badge-bg: #312e81;
    --bio-card-shadow: 0 10px 25px rgba(0,0,0,0.5);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-bento-pastel {
    --bio-bg: #f5f6fa;
    --bio-card-bg: #ffffff;
    --bio-card-border: #e5e7eb;
    --bio-card-hover: #f9fafb;
    --bio-text-primary: #111827;
    --bio-text-secondary: #4b5563;
    --bio-accent: #8b5cf6;
    --bio-badge-bg: #ede9fe;
    --bio-card-shadow: 0 6px 20px rgba(100, 116, 139, 0.08);
    --bio-font: 'Outfit', sans-serif;
}

.theme-tiktok-creator {
    --bio-bg: #010101;
    --bio-card-bg: #121212;
    --bio-card-border: #25f4ee;
    --bio-card-hover: #1a1a1a;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #25f4ee;
    --bio-accent: #fe2c55;
    --bio-badge-bg: #fe2c55;
    --bio-card-shadow: 0 0 20px rgba(37, 244, 238, 0.25);
    --bio-font: 'Poppins', sans-serif;
}

.theme-youtube-red {
    --bio-bg: #0f0f0f;
    --bio-card-bg: #212121;
    --bio-card-border: #ff0000;
    --bio-card-hover: #2d2d2d;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #aaaaaa;
    --bio-accent: #ff0000;
    --bio-badge-bg: #cc0000;
    --bio-card-shadow: 0 6px 25px rgba(255, 0, 0, 0.2);
    --bio-font: 'Inter', sans-serif;
}

.theme-spotify-green {
    --bio-bg: #121212;
    --bio-card-bg: #181818;
    --bio-card-border: #1db954;
    --bio-card-hover: #282828;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #b3b3b3;
    --bio-accent: #1db954;
    --bio-badge-bg: #1ed760;
    --bio-card-shadow: 0 8px 30px rgba(29, 185, 84, 0.25);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-tech-founder {
    --bio-bg: #0a0c10;
    --bio-card-bg: #131720;
    --bio-card-border: #242c3d;
    --bio-card-hover: #1c2230;
    --bio-text-primary: #f0f6fc;
    --bio-text-secondary: #8b949e;
    --bio-accent: #58a6ff;
    --bio-badge-bg: #1f6feb;
    --bio-card-shadow: 0 8px 24px rgba(0,0,0,0.5);
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-crypto-web3 {
    --bio-bg: linear-gradient(135deg, #130b24 0%, #1c0e3a 50%, #061928 100%);
    --bio-card-bg: rgba(25, 14, 52, 0.8);
    --bio-card-border: #9945ff;
    --bio-card-hover: rgba(153, 69, 255, 0.2);
    --bio-text-primary: #14f195;
    --bio-text-secondary: #9945ff;
    --bio-accent: #14f195;
    --bio-badge-bg: #9945ff;
    --bio-card-shadow: 0 0 25px rgba(20, 241, 149, 0.25);
    --bio-font: 'Fira Code', sans-serif;
}

.theme-coffee-artisan {
    --bio-bg: #2b1810;
    --bio-card-bg: #3e2417;
    --bio-card-border: #8d5b4c;
    --bio-card-hover: #523020;
    --bio-text-primary: #f5ebe0;
    --bio-text-secondary: #d6ccc2;
    --bio-accent: #e0a96d;
    --bio-badge-bg: #774936;
    --bio-card-shadow: 0 8px 24px rgba(0,0,0,0.4);
    --bio-font: 'Outfit', sans-serif;
}

.theme-brutalist-yellow {
    --bio-bg: #ffe600;
    --bio-card-bg: #ffffff;
    --bio-card-border: #000000;
    --bio-card-hover: #000000;
    --bio-text-primary: #000000;
    --bio-text-secondary: #222222;
    --bio-accent: #ff0055;
    --bio-badge-bg: #000000;
    --bio-card-shadow: 5px 5px 0px #000000;
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-brutalist-pink {
    --bio-bg: #ff5277;
    --bio-card-bg: #ffffff;
    --bio-card-border: #000000;
    --bio-card-hover: #ffe600;
    --bio-text-primary: #000000;
    --bio-text-secondary: #111111;
    --bio-accent: #00f0ff;
    --bio-badge-bg: #000000;
    --bio-card-shadow: 5px 5px 0px #000000;
    --bio-font: 'Syne', sans-serif;
}

.theme-anime-manga {
    --bio-bg: #ffffff;
    --bio-card-bg: #ffffff;
    --bio-card-border: #111111;
    --bio-card-hover: #f4f4f5;
    --bio-text-primary: #09090b;
    --bio-text-secondary: #52525b;
    --bio-accent: #ef4444;
    --bio-badge-bg: #09090b;
    --bio-card-shadow: 6px 6px 0px #09090b;
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-retro-gameboy {
    --bio-bg: #8b956d;
    --bio-card-bg: #9bbc0f;
    --bio-card-border: #0f380f;
    --bio-card-hover: #8bac0f;
    --bio-text-primary: #0f380f;
    --bio-text-secondary: #306230;
    --bio-accent: #0f380f;
    --bio-badge-bg: #306230;
    --bio-card-shadow: 4px 4px 0px #0f380f;
    --bio-font: 'Fira Code', sans-serif;
}

.theme-hologram-prism {
    --bio-bg: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 50%, #fad0c4 100%);
    --bio-card-bg: rgba(255, 255, 255, 0.7);
    --bio-card-border: rgba(255, 255, 255, 0.9);
    --bio-card-hover: rgba(255, 255, 255, 0.95);
    --bio-text-primary: #2d3748;
    --bio-text-secondary: #4a5568;
    --bio-accent: #e53e3e;
    --bio-badge-bg: #feb2b2;
    --bio-card-shadow: 0 8px 32px rgba(255, 154, 158, 0.35);
    --bio-font: 'Outfit', sans-serif;
}

.theme-fire-lava {
    --bio-bg: radial-gradient(circle, #290808 0%, #150202 100%);
    --bio-card-bg: rgba(50, 10, 10, 0.8);
    --bio-card-border: #ff4500;
    --bio-card-hover: rgba(255, 69, 0, 0.2);
    --bio-text-primary: #ffaa00;
    --bio-text-secondary: #ff6600;
    --bio-accent: #ff3300;
    --bio-badge-bg: #7a0c00;
    --bio-card-shadow: 0 0 25px rgba(255, 69, 0, 0.35);
    --bio-font: 'Syne', sans-serif;
}

.theme-midnight-galaxy {
    --bio-bg: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    --bio-card-bg: rgba(20, 30, 48, 0.75);
    --bio-card-border: #00d2ff;
    --bio-card-hover: rgba(0, 210, 255, 0.2);
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #93c5fd;
    --bio-accent: #38bdf8;
    --bio-badge-bg: #0284c7;
    --bio-card-shadow: 0 0 25px rgba(56, 189, 248, 0.25);
    --bio-font: 'Poppins', sans-serif;
}

.theme-desert-dune {
    --bio-bg: linear-gradient(135deg, #422006 0%, #713f12 50%, #a16207 100%);
    --bio-card-bg: rgba(254, 240, 138, 0.12);
    --bio-card-border: #facc15;
    --bio-card-hover: rgba(254, 240, 138, 0.22);
    --bio-text-primary: #fef08a;
    --bio-text-secondary: #fde047;
    --bio-accent: #eab308;
    --bio-badge-bg: #854d0e;
    --bio-card-shadow: 0 8px 30px rgba(250, 204, 21, 0.2);
    --bio-font: 'Outfit', sans-serif;
}

.theme-botanical-forest {
    --bio-bg: #06231a;
    --bio-card-bg: #0b392b;
    --bio-card-border: #22c55e;
    --bio-card-hover: #104c3a;
    --bio-text-primary: #dcfce7;
    --bio-text-secondary: #86efac;
    --bio-accent: #4ade80;
    --bio-badge-bg: #14532d;
    --bio-card-shadow: 0 8px 25px rgba(34, 197, 94, 0.2);
    --bio-font: 'Plus Jakarta Sans', sans-serif;
}

.theme-amethyst-crystal {
    --bio-bg: linear-gradient(135deg, #2e0854 0%, #1a0033 100%);
    --bio-card-bg: rgba(147, 51, 234, 0.15);
    --bio-card-border: #c084fc;
    --bio-card-hover: rgba(147, 51, 234, 0.25);
    --bio-text-primary: #f3e8ff;
    --bio-text-secondary: #d8b4fe;
    --bio-accent: #a855f7;
    --bio-badge-bg: #6b21a8;
    --bio-card-shadow: 0 0 25px rgba(168, 85, 247, 0.3);
    --bio-font: 'Syne', sans-serif;
}

.theme-crimson-samurai {
    --bio-bg: #140003;
    --bio-card-bg: #220006;
    --bio-card-border: #ff0033;
    --bio-card-hover: #36000a;
    --bio-text-primary: #ffffff;
    --bio-text-secondary: #ff6685;
    --bio-accent: #ff0033;
    --bio-badge-bg: #88001a;
    --bio-card-shadow: 0 0 30px rgba(255, 0, 51, 0.3);
    --bio-font: 'Space Grotesk', sans-serif;
}

.theme-pure-ivory {
    --bio-bg: #faf8f5;
    --bio-card-bg: #ffffff;
    --bio-card-border: #e7e2d9;
    --bio-card-hover: #f2eee7;
    --bio-text-primary: #1f1d1a;
    --bio-text-secondary: #635f59;
    --bio-accent: #b45309;
    --bio-badge-bg: #fef3c7;
    --bio-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
    --bio-font: 'Outfit', sans-serif;
}