/* ========== UNTURNED MARKETPLACE - THEME SYSTEM ========== */

/* Smooth transitions for theme switching */
*, *::before, *::after {
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========== THEME: Neon Violet ========== */
html[data-theme="neon"] {
    --bg: #0a0a18 !important;
    --bg2: #13132a !important;
    --card: rgba(19, 19, 42, 0.85) !important;
    --border: rgba(168, 85, 247, 0.12) !important;
    --gold: #A855F7 !important;
    --gold2: #C084FC !important;
    --blue: #818CF8 !important;
    --blue2: #A5B4FC !important;
    --text: #E8E3F3 !important;
}
html[data-theme="neon"] body { background: #0a0a18 !important; }
html[data-theme="neon"] body::before {
    background: radial-gradient(ellipse at 20% 0%, rgba(168,85,247,0.08), transparent 50%),
                radial-gradient(ellipse at 80% 100%, rgba(129,140,248,0.06), transparent 50%) !important;
}
html[data-theme="neon"] .navbar { background: rgba(10,10,24,0.93) !important; border-bottom-color: rgba(168,85,247,0.15) !important; }
html[data-theme="neon"] .nav-logo span { background: linear-gradient(135deg, #A855F7, #C084FC) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="neon"] .nav-logo img { filter: drop-shadow(0 0 8px rgba(168,85,247,0.5)) hue-rotate(260deg) !important; }
html[data-theme="neon"] .nav-link.active { color: #A855F7 !important; background: rgba(168,85,247,0.1) !important; }
html[data-theme="neon"] .btn-gold, html[data-theme="neon"] .btn-primary { background: linear-gradient(135deg, #A855F7, #C084FC) !important; color: #fff !important; }
html[data-theme="neon"] .btn-gold:hover, html[data-theme="neon"] .btn-primary:hover { box-shadow: 0 4px 18px rgba(168,85,247,0.5) !important; }
html[data-theme="neon"] .stat-value { color: #A855F7 !important; }
html[data-theme="neon"] .card:hover, html[data-theme="neon"] .stat-card:hover, html[data-theme="neon"] .plugin-card:hover { border-color: rgba(168,85,247,0.25) !important; }
html[data-theme="neon"] .stat-card:hover { box-shadow: 0 6px 20px rgba(168,85,247,0.15) !important; }
html[data-theme="neon"] .form-control:focus { border-color: rgba(168,85,247,0.5) !important; box-shadow: 0 0 0 3px rgba(168,85,247,0.12) !important; background: rgba(168,85,247,0.04) !important; }
html[data-theme="neon"] .tab-btn.active { color: #A855F7 !important; background: rgba(168,85,247,0.1) !important; border-color: rgba(168,85,247,0.2) !important; }
html[data-theme="neon"] .token { background: rgba(168,85,247,0.1) !important; border-color: rgba(168,85,247,0.2) !important; color: #C084FC !important; }
html[data-theme="neon"] .page-title .accent, html[data-theme="neon"] .hero-title .accent, html[data-theme="neon"] .brand h1 { background: linear-gradient(135deg, #A855F7, #C084FC) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="neon"] .floating-btn:hover { border-color: #A855F7 !important; background: rgba(168,85,247,0.15) !important; color: #C084FC !important; }
html[data-theme="neon"] .lang-btn.active, html[data-theme="neon"] .theme-toggle-btn:hover { background: #A855F7 !important; color: #fff !important; }
html[data-theme="neon"] .login-box { border-color: rgba(168,85,247,0.2) !important; }
html[data-theme="neon"] .brand img { filter: drop-shadow(0 0 20px rgba(168,85,247,0.5)) hue-rotate(260deg) !important; }
html[data-theme="neon"] .store-hero { background: linear-gradient(135deg, rgba(168,85,247,0.08), rgba(129,140,248,0.08)) !important; border-color: rgba(168,85,247,0.15) !important; }
html[data-theme="neon"] .plugin-thumb { background: linear-gradient(135deg, rgba(168,85,247,0.1), rgba(129,140,248,0.1)) !important; }
html[data-theme="neon"] .price-tag { border-color: rgba(168,85,247,0.3) !important; color: #C084FC !important; }
html[data-theme="neon"] .avatar { background: linear-gradient(135deg, #A855F7, #818CF8) !important; }
html[data-theme="neon"] .role-premium_plus { background: rgba(168,85,247,0.2) !important; color: #C084FC !important; border-color: rgba(168,85,247,0.3) !important; }
html[data-theme="neon"] .badge-premium { background: rgba(168,85,247,0.15) !important; color: #C084FC !important; border-color: rgba(168,85,247,0.2) !important; }
html[data-theme="neon"] .card-title span { color: #A855F7 !important; }
html[data-theme="neon"] .rating { color: #C084FC !important; }
html[data-theme="neon"] .user-chip { border-color: rgba(168,85,247,0.15) !important; }
html[data-theme="neon"] .bg-grid { background-image: linear-gradient(rgba(168,85,247,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(168,85,247,0.03) 1px, transparent 1px) !important; }

/* ========== THEME: Ocean Cyan ========== */
html[data-theme="ocean"] {
    --bg: #060d1a !important;
    --bg2: #0c1929 !important;
    --card: rgba(12, 25, 41, 0.85) !important;
    --border: rgba(6, 182, 212, 0.1) !important;
    --gold: #06B6D4 !important;
    --gold2: #22D3EE !important;
    --blue: #3B82F6 !important;
    --blue2: #60A5FA !important;
    --text: #E3F0F3 !important;
}
html[data-theme="ocean"] body { background: #060d1a !important; }
html[data-theme="ocean"] body::before {
    background: radial-gradient(ellipse at 20% 0%, rgba(6,182,212,0.08), transparent 50%),
                radial-gradient(ellipse at 80% 100%, rgba(59,130,246,0.06), transparent 50%) !important;
}
html[data-theme="ocean"] .navbar { background: rgba(6,13,26,0.93) !important; border-bottom-color: rgba(6,182,212,0.15) !important; }
html[data-theme="ocean"] .nav-logo span { background: linear-gradient(135deg, #06B6D4, #22D3EE) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="ocean"] .nav-logo img { filter: drop-shadow(0 0 8px rgba(6,182,212,0.5)) hue-rotate(160deg) !important; }
html[data-theme="ocean"] .nav-link.active { color: #06B6D4 !important; background: rgba(6,182,212,0.1) !important; }
html[data-theme="ocean"] .btn-gold, html[data-theme="ocean"] .btn-primary { background: linear-gradient(135deg, #06B6D4, #22D3EE) !important; color: #000 !important; }
html[data-theme="ocean"] .btn-gold:hover, html[data-theme="ocean"] .btn-primary:hover { box-shadow: 0 4px 18px rgba(6,182,212,0.5) !important; }
html[data-theme="ocean"] .stat-value { color: #06B6D4 !important; }
html[data-theme="ocean"] .card:hover, html[data-theme="ocean"] .stat-card:hover, html[data-theme="ocean"] .plugin-card:hover { border-color: rgba(6,182,212,0.25) !important; }
html[data-theme="ocean"] .stat-card:hover { box-shadow: 0 6px 20px rgba(6,182,212,0.15) !important; }
html[data-theme="ocean"] .form-control:focus { border-color: rgba(6,182,212,0.5) !important; box-shadow: 0 0 0 3px rgba(6,182,212,0.12) !important; background: rgba(6,182,212,0.04) !important; }
html[data-theme="ocean"] .tab-btn.active { color: #06B6D4 !important; background: rgba(6,182,212,0.1) !important; border-color: rgba(6,182,212,0.2) !important; }
html[data-theme="ocean"] .token { background: rgba(6,182,212,0.1) !important; border-color: rgba(6,182,212,0.2) !important; color: #22D3EE !important; }
html[data-theme="ocean"] .page-title .accent, html[data-theme="ocean"] .hero-title .accent, html[data-theme="ocean"] .brand h1 { background: linear-gradient(135deg, #06B6D4, #22D3EE) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="ocean"] .floating-btn:hover { border-color: #06B6D4 !important; background: rgba(6,182,212,0.15) !important; color: #22D3EE !important; }
html[data-theme="ocean"] .lang-btn.active, html[data-theme="ocean"] .theme-toggle-btn:hover { background: #06B6D4 !important; color: #000 !important; }
html[data-theme="ocean"] .login-box { border-color: rgba(6,182,212,0.2) !important; }
html[data-theme="ocean"] .brand img { filter: drop-shadow(0 0 20px rgba(6,182,212,0.5)) hue-rotate(160deg) !important; }
html[data-theme="ocean"] .store-hero { background: linear-gradient(135deg, rgba(6,182,212,0.08), rgba(59,130,246,0.08)) !important; border-color: rgba(6,182,212,0.15) !important; }
html[data-theme="ocean"] .plugin-thumb { background: linear-gradient(135deg, rgba(6,182,212,0.1), rgba(59,130,246,0.1)) !important; }
html[data-theme="ocean"] .price-tag { border-color: rgba(6,182,212,0.3) !important; color: #22D3EE !important; }
html[data-theme="ocean"] .avatar { background: linear-gradient(135deg, #06B6D4, #3B82F6) !important; }
html[data-theme="ocean"] .role-premium_plus { background: rgba(6,182,212,0.2) !important; color: #22D3EE !important; border-color: rgba(6,182,212,0.3) !important; }
html[data-theme="ocean"] .badge-premium { background: rgba(6,182,212,0.15) !important; color: #22D3EE !important; border-color: rgba(6,182,212,0.2) !important; }
html[data-theme="ocean"] .card-title span { color: #06B6D4 !important; }
html[data-theme="ocean"] .rating { color: #22D3EE !important; }
html[data-theme="ocean"] .user-chip { border-color: rgba(6,182,212,0.15) !important; }
html[data-theme="ocean"] .bg-grid { background-image: linear-gradient(rgba(6,182,212,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(6,182,212,0.03) 1px, transparent 1px) !important; }

/* ========== THEME: Crimson Fire ========== */
html[data-theme="crimson"] {
    --bg: #0f0808 !important;
    --bg2: #1a0f0f !important;
    --card: rgba(26, 15, 15, 0.85) !important;
    --border: rgba(239, 68, 68, 0.1) !important;
    --gold: #EF4444 !important;
    --gold2: #F87171 !important;
    --blue: #F97316 !important;
    --blue2: #FB923C !important;
    --text: #F3E3E3 !important;
}
html[data-theme="crimson"] body { background: #0f0808 !important; }
html[data-theme="crimson"] body::before {
    background: radial-gradient(ellipse at 20% 0%, rgba(239,68,68,0.08), transparent 50%),
                radial-gradient(ellipse at 80% 100%, rgba(249,115,22,0.06), transparent 50%) !important;
}
html[data-theme="crimson"] .navbar { background: rgba(15,8,8,0.93) !important; border-bottom-color: rgba(239,68,68,0.15) !important; }
html[data-theme="crimson"] .nav-logo span { background: linear-gradient(135deg, #EF4444, #F87171) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="crimson"] .nav-logo img { filter: drop-shadow(0 0 8px rgba(239,68,68,0.5)) hue-rotate(330deg) !important; }
html[data-theme="crimson"] .nav-link.active { color: #EF4444 !important; background: rgba(239,68,68,0.1) !important; }
html[data-theme="crimson"] .btn-gold, html[data-theme="crimson"] .btn-primary { background: linear-gradient(135deg, #EF4444, #F87171) !important; color: #fff !important; }
html[data-theme="crimson"] .btn-gold:hover, html[data-theme="crimson"] .btn-primary:hover { box-shadow: 0 4px 18px rgba(239,68,68,0.5) !important; }
html[data-theme="crimson"] .stat-value { color: #EF4444 !important; }
html[data-theme="crimson"] .card:hover, html[data-theme="crimson"] .stat-card:hover, html[data-theme="crimson"] .plugin-card:hover { border-color: rgba(239,68,68,0.25) !important; }
html[data-theme="crimson"] .stat-card:hover { box-shadow: 0 6px 20px rgba(239,68,68,0.15) !important; }
html[data-theme="crimson"] .form-control:focus { border-color: rgba(239,68,68,0.5) !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.12) !important; background: rgba(239,68,68,0.04) !important; }
html[data-theme="crimson"] .tab-btn.active { color: #EF4444 !important; background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.2) !important; }
html[data-theme="crimson"] .token { background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.2) !important; color: #F87171 !important; }
html[data-theme="crimson"] .page-title .accent, html[data-theme="crimson"] .hero-title .accent, html[data-theme="crimson"] .brand h1 { background: linear-gradient(135deg, #EF4444, #F87171) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="crimson"] .floating-btn:hover { border-color: #EF4444 !important; background: rgba(239,68,68,0.15) !important; color: #F87171 !important; }
html[data-theme="crimson"] .lang-btn.active, html[data-theme="crimson"] .theme-toggle-btn:hover { background: #EF4444 !important; color: #fff !important; }
html[data-theme="crimson"] .login-box { border-color: rgba(239,68,68,0.2) !important; }
html[data-theme="crimson"] .brand img { filter: drop-shadow(0 0 20px rgba(239,68,68,0.5)) hue-rotate(330deg) !important; }
html[data-theme="crimson"] .store-hero { background: linear-gradient(135deg, rgba(239,68,68,0.08), rgba(249,115,22,0.08)) !important; border-color: rgba(239,68,68,0.15) !important; }
html[data-theme="crimson"] .plugin-thumb { background: linear-gradient(135deg, rgba(239,68,68,0.1), rgba(249,115,22,0.1)) !important; }
html[data-theme="crimson"] .price-tag { border-color: rgba(239,68,68,0.3) !important; color: #F87171 !important; }
html[data-theme="crimson"] .avatar { background: linear-gradient(135deg, #EF4444, #F97316) !important; }
html[data-theme="crimson"] .role-premium_plus { background: rgba(239,68,68,0.2) !important; color: #F87171 !important; border-color: rgba(239,68,68,0.3) !important; }
html[data-theme="crimson"] .badge-premium { background: rgba(239,68,68,0.15) !important; color: #F87171 !important; border-color: rgba(239,68,68,0.2) !important; }
html[data-theme="crimson"] .card-title span { color: #EF4444 !important; }
html[data-theme="crimson"] .rating { color: #F87171 !important; }
html[data-theme="crimson"] .user-chip { border-color: rgba(239,68,68,0.15) !important; }
html[data-theme="crimson"] .bg-grid { background-image: linear-gradient(rgba(239,68,68,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(239,68,68,0.03) 1px, transparent 1px) !important; }
/* Crimson: override btn-red to differentiate from accent */
html[data-theme="crimson"] .btn-red { background: rgba(249,115,22,0.12) !important; color: #FB923C !important; border-color: rgba(249,115,22,0.2) !important; }
html[data-theme="crimson"] .btn-logout { color: #FB923C !important; border-color: rgba(249,115,22,0.25) !important; }

/* ========== THEME: Emerald ========== */
html[data-theme="emerald"] {
    --bg: #050d0a !important;
    --bg2: #0c1a14 !important;
    --card: rgba(12, 26, 20, 0.85) !important;
    --border: rgba(16, 185, 129, 0.1) !important;
    --gold: #10B981 !important;
    --gold2: #34D399 !important;
    --blue: #14B8A6 !important;
    --blue2: #2DD4BF !important;
    --text: #E3F3ED !important;
}
html[data-theme="emerald"] body { background: #050d0a !important; }
html[data-theme="emerald"] body::before {
    background: radial-gradient(ellipse at 20% 0%, rgba(16,185,129,0.08), transparent 50%),
                radial-gradient(ellipse at 80% 100%, rgba(20,184,166,0.06), transparent 50%) !important;
}
html[data-theme="emerald"] .navbar { background: rgba(5,13,10,0.93) !important; border-bottom-color: rgba(16,185,129,0.15) !important; }
html[data-theme="emerald"] .nav-logo span { background: linear-gradient(135deg, #10B981, #34D399) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="emerald"] .nav-logo img { filter: drop-shadow(0 0 8px rgba(16,185,129,0.5)) hue-rotate(100deg) !important; }
html[data-theme="emerald"] .nav-link.active { color: #10B981 !important; background: rgba(16,185,129,0.1) !important; }
html[data-theme="emerald"] .btn-gold, html[data-theme="emerald"] .btn-primary { background: linear-gradient(135deg, #10B981, #34D399) !important; color: #000 !important; }
html[data-theme="emerald"] .btn-gold:hover, html[data-theme="emerald"] .btn-primary:hover { box-shadow: 0 4px 18px rgba(16,185,129,0.5) !important; }
html[data-theme="emerald"] .stat-value { color: #10B981 !important; }
html[data-theme="emerald"] .card:hover, html[data-theme="emerald"] .stat-card:hover, html[data-theme="emerald"] .plugin-card:hover { border-color: rgba(16,185,129,0.25) !important; }
html[data-theme="emerald"] .stat-card:hover { box-shadow: 0 6px 20px rgba(16,185,129,0.15) !important; }
html[data-theme="emerald"] .form-control:focus { border-color: rgba(16,185,129,0.5) !important; box-shadow: 0 0 0 3px rgba(16,185,129,0.12) !important; background: rgba(16,185,129,0.04) !important; }
html[data-theme="emerald"] .tab-btn.active { color: #10B981 !important; background: rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.2) !important; }
html[data-theme="emerald"] .token { background: rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.2) !important; color: #34D399 !important; }
html[data-theme="emerald"] .page-title .accent, html[data-theme="emerald"] .hero-title .accent, html[data-theme="emerald"] .brand h1 { background: linear-gradient(135deg, #10B981, #34D399) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="emerald"] .floating-btn:hover { border-color: #10B981 !important; background: rgba(16,185,129,0.15) !important; color: #34D399 !important; }
html[data-theme="emerald"] .lang-btn.active, html[data-theme="emerald"] .theme-toggle-btn:hover { background: #10B981 !important; color: #000 !important; }
html[data-theme="emerald"] .login-box { border-color: rgba(16,185,129,0.2) !important; }
html[data-theme="emerald"] .brand img { filter: drop-shadow(0 0 20px rgba(16,185,129,0.5)) hue-rotate(100deg) !important; }
html[data-theme="emerald"] .store-hero { background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(20,184,166,0.08)) !important; border-color: rgba(16,185,129,0.15) !important; }
html[data-theme="emerald"] .plugin-thumb { background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(20,184,166,0.1)) !important; }
html[data-theme="emerald"] .price-tag { border-color: rgba(16,185,129,0.3) !important; color: #34D399 !important; }
html[data-theme="emerald"] .avatar { background: linear-gradient(135deg, #10B981, #14B8A6) !important; }
html[data-theme="emerald"] .role-premium_plus { background: rgba(16,185,129,0.2) !important; color: #34D399 !important; border-color: rgba(16,185,129,0.3) !important; }
html[data-theme="emerald"] .badge-premium { background: rgba(16,185,129,0.15) !important; color: #34D399 !important; border-color: rgba(16,185,129,0.2) !important; }
html[data-theme="emerald"] .card-title span { color: #10B981 !important; }
html[data-theme="emerald"] .rating { color: #34D399 !important; }
html[data-theme="emerald"] .user-chip { border-color: rgba(16,185,129,0.15) !important; }
html[data-theme="emerald"] .bg-grid { background-image: linear-gradient(rgba(16,185,129,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,0.03) 1px, transparent 1px) !important; }
/* Emerald: override btn-green to differentiate from accent */
html[data-theme="emerald"] .btn-green { background: rgba(20,184,166,0.15) !important; color: #2DD4BF !important; border-color: rgba(20,184,166,0.25) !important; }

/* ========== THEME PICKER STYLES ========== */
.theme-picker-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.theme-toggle-btn {
    background: rgba(13, 17, 23, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--border, rgba(255,255,255,0.07));
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    color: var(--text, #E6EDF3);
    padding: 0;
}
.theme-toggle-btn:hover {
    transform: scale(1.1);
}
.theme-options {
    display: none;
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(13, 17, 23, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--border, rgba(255,255,255,0.07));
    border-radius: 14px;
    padding: 0.55rem 0.65rem;
    display: none;
    gap: 0.45rem;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.6);
    animation: themePopIn 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.theme-options.show {
    display: flex;
}
@keyframes themePopIn {
    from { opacity: 0; transform: translateY(-50%) translateX(8px) scale(0.9); }
    to { opacity: 1; transform: translateY(-50%) translateX(0) scale(1); }
}
.theme-opt {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.1);
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
    outline: none;
}
.theme-opt:hover {
    transform: scale(1.25);
    border-color: rgba(255,255,255,0.4);
}
.theme-opt.active {
    border-color: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    transform: scale(1.15);
}

/* ========== THEME: Obsidian Gold (Professional) ========== */
html[data-theme="obsidian"] {
    --bg: #030305 !important;
    --bg2: #09090c !important;
    --card: rgba(12, 12, 18, 0.9) !important;
    --border: rgba(212, 175, 55, 0.1) !important;
    --gold: #D4AF37 !important;
    --gold2: #F1D279 !important;
    --blue: #4F46E5 !important;
    --blue2: #818CF8 !important;
    --text: #F8F9FA !important;
}
html[data-theme="obsidian"] body { background: #030305 !important; }
html[data-theme="obsidian"] body::before {
    background: radial-gradient(ellipse at 15% 0%, rgba(212,175,55,0.06), transparent 45%),
                radial-gradient(ellipse at 85% 100%, rgba(79,70,229,0.05), transparent 45%) !important;
}
html[data-theme="obsidian"] .navbar { background: rgba(3,3,5,0.95) !important; border-bottom: 1px solid rgba(212,175,55,0.15) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
html[data-theme="obsidian"] .nav-logo span { background: linear-gradient(135deg, #D4AF37, #F1D279) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="obsidian"] .nav-link.active { color: #D4AF37 !important; background: rgba(212,175,55,0.1) !important; }
html[data-theme="obsidian"] .card, html[data-theme="obsidian"] .stat-card { border: 1px solid rgba(255,255,255,0.04) !important; }
html[data-theme="obsidian"] .card:hover { border-color: rgba(212,175,55,0.2) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important; }
html[data-theme="obsidian"] .btn-gold, html[data-theme="obsidian"] .btn-primary { background: linear-gradient(135deg, #D4AF37, #F1D279) !important; color: #000 !important; }
html[data-theme="obsidian"] .btn-gold:hover { box-shadow: 0 4px 18px rgba(212,175,55,0.45) !important; }
html[data-theme="obsidian"] .stat-value { color: #D4AF37 !important; }
html[data-theme="obsidian"] .form-control:focus { border-color: rgba(212,175,55,0.5) !important; box-shadow: 0 0 0 3px rgba(212,175,55,0.1) !important; }
html[data-theme="obsidian"] .tab-btn.active { color: #D4AF37 !important; background: rgba(212,175,55,0.1) !important; border-color: rgba(212,175,55,0.2) !important; }
html[data-theme="obsidian"] .token { background: rgba(212,175,55,0.1) !important; border-color: rgba(212,175,55,0.2) !important; color: #F1D279 !important; }
html[data-theme="obsidian"] .lang-btn.active { background: #D4AF37 !important; color: #000 !important; }
html[data-theme="obsidian"] .avatar { background: linear-gradient(135deg, #D4AF37, #4F46E5) !important; }
html[data-theme="obsidian"] .rating { color: #D4AF37 !important; }
html[data-theme="obsidian"] .card-title span { color: #D4AF37 !important; }

/* ========== THEME: Aurora Crystal (Professional) ========== */
html[data-theme="crystal"] {
    --bg: #0b0e14 !important;
    --bg2: #141820 !important;
    --card: rgba(20, 24, 32, 0.6) !important;
    --border: rgba(255, 255, 255, 0.08) !important;
    --gold: #38BDF8 !important;
    --gold2: #818CF8 !important;
    --blue: #6366F1 !important;
    --blue2: #A5B4FC !important;
    --text: #F1F5F9 !important;
}
html[data-theme="crystal"] body { background: #0b0e14 !important; }
html[data-theme="crystal"] body::before {
    background: radial-gradient(circle at 10% 20%, rgba(99,102,241,0.1), transparent 40%),
                radial-gradient(circle at 90% 80%, rgba(56,189,248,0.1), transparent 40%) !important;
}
html[data-theme="crystal"] .navbar { background: rgba(11,14,20,0.93) !important; border-bottom-color: rgba(99,102,241,0.2) !important; }
html[data-theme="crystal"] .nav-logo span { background: linear-gradient(135deg, #6366F1, #38BDF8) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="crystal"] .nav-link.active { color: #38BDF8 !important; background: rgba(56,189,248,0.1) !important; }
html[data-theme="crystal"] .card { backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; background: rgba(255,255,255,0.02) !important; }
html[data-theme="crystal"] .card:hover { border-color: rgba(56,189,248,0.2) !important; }
html[data-theme="crystal"] .btn-gold, html[data-theme="crystal"] .btn-primary { background: linear-gradient(135deg, #6366F1, #38BDF8) !important; color: #fff !important; }
html[data-theme="crystal"] .btn-gold:hover { box-shadow: 0 4px 18px rgba(99,102,241,0.5) !important; }
html[data-theme="crystal"] .stat-value { color: #38BDF8 !important; }
html[data-theme="crystal"] .form-control:focus { border-color: rgba(56,189,248,0.5) !important; box-shadow: 0 0 0 3px rgba(56,189,248,0.12) !important; }
html[data-theme="crystal"] .tab-btn.active { color: #38BDF8 !important; background: rgba(56,189,248,0.1) !important; border-color: rgba(56,189,248,0.2) !important; }
html[data-theme="crystal"] .token { background: rgba(56,189,248,0.1) !important; border-color: rgba(56,189,248,0.2) !important; color: #38BDF8 !important; }
html[data-theme="crystal"] .lang-btn.active { background: linear-gradient(135deg, #6366F1, #38BDF8) !important; color: #fff !important; }
html[data-theme="crystal"] .avatar { background: linear-gradient(135deg, #6366F1, #38BDF8) !important; }
html[data-theme="crystal"] .rating { color: #38BDF8 !important; }
html[data-theme="crystal"] .card-title span { color: #38BDF8 !important; }