/* ══════════════════════════════════════════════════
   THEMES — Swap the active theme by uncommenting one
   ══════════════════════════════════════════════════ */

/* ── 1. Midnight Violet (active) ── */
/* :root {
    --bg:              #050507;
    --text:            #e4e4e7;
    --text-heading:    #fafafa;
    --text-muted:      #a1a1aa;
    --text-subtle:     #71717a;
    --text-faint:      #52525b;

    --brand-from:      #e4e4e7;
    --brand-via:       #a78bfa;
    --brand-to:        #38bdf8;

    --accent:          #a78bfa;
    --accent-glow:     rgba(124, 58, 237, 0.25);

    --blob-1:         #7c3aed;
    --blob-2:         #0ea5e9;
    --blob-opacity:    0.35;

    --card-bg:         rgba(255, 255, 255, 0.04);
    --card-border:     rgba(255, 255, 255, 0.08);
    --card-border-hover: rgba(255, 255, 255, 0.15);
    --card-shadow:     rgba(0, 0, 0, 0.25);
    --card-shimmer:    rgba(255, 255, 255, 0.06);

    --divider:         rgba(255, 255, 255, 0.06);

    --lang-zig-bg:     rgba(245, 158, 11, 0.12);
    --lang-zig-text:   #fbbf24;
    --lang-zig-border: rgba(245, 158, 11, 0.2);
    --lang-ts-bg:      rgba(59, 130, 246, 0.12);
    --lang-ts-text:    #60a5fa;
    --lang-ts-border:  rgba(59, 130, 246, 0.2);
} */

/* ── 2. Deep Ocean ──
:root {
    --bg:              #020c1b;
    --text:            #ccd6f6;
    --text-heading:    #e6f1ff;
    --text-muted:      #8892b0;
    --text-subtle:     #606a86;
    --text-faint:      #495670;

    --brand-from:      #ccd6f6;
    --brand-via:       #64ffda;
    --brand-to:        #57cbff;

    --accent:          #64ffda;
    --accent-glow:     rgba(100, 255, 218, 0.2);

    --blob-1:         #0a7e6a;
    --blob-2:         #1d4fd8;
    --blob-opacity:    0.3;

    --card-bg:         rgba(255, 255, 255, 0.03);
    --card-border:     rgba(100, 255, 218, 0.08);
    --card-border-hover: rgba(100, 255, 218, 0.18);
    --card-shadow:     rgba(0, 0, 0, 0.3);
    --card-shimmer:    rgba(100, 255, 218, 0.04);

    --divider:         rgba(100, 255, 218, 0.06);

    --lang-zig-bg:     rgba(245, 158, 11, 0.12);
    --lang-zig-text:   #fbbf24;
    --lang-zig-border: rgba(245, 158, 11, 0.2);
    --lang-ts-bg:      rgba(59, 130, 246, 0.12);
    --lang-ts-text:    #60a5fa;
    --lang-ts-border:  rgba(59, 130, 246, 0.2);
}
*/

/* ── 3. Warm Ember ──
:root {
    --bg:              #0c0806;
    --text:            #e8ddd4;
    --text-heading:    #faf5f0;
    --text-muted:      #a89888;
    --text-subtle:     #7a6c5c;
    --text-faint:      #5c4f42;

    --brand-from:      #e8ddd4;
    --brand-via:       #f59e0b;
    --brand-to:        #ef4444;

    --accent:          #f59e0b;
    --accent-glow:     rgba(245, 158, 11, 0.25);

    --blob-1:         #c2410c;
    --blob-2:         #a16207;
    --blob-opacity:    0.25;

    --card-bg:         rgba(255, 200, 150, 0.04);
    --card-border:     rgba(255, 200, 150, 0.08);
    --card-border-hover: rgba(245, 158, 11, 0.2);
    --card-shadow:     rgba(0, 0, 0, 0.3);
    --card-shimmer:    rgba(255, 200, 150, 0.05);

    --divider:         rgba(255, 200, 150, 0.06);

    --lang-zig-bg:     rgba(245, 158, 11, 0.15);
    --lang-zig-text:   #fbbf24;
    --lang-zig-border: rgba(245, 158, 11, 0.25);
    --lang-ts-bg:      rgba(96, 165, 250, 0.1);
    --lang-ts-text:    #7cb4f4;
    --lang-ts-border:  rgba(96, 165, 250, 0.15);
}
*/

/* ── 4. Noir Minimal ── */
:root {
    --bg:              #0a0a0a;
    --text:            #d4d4d4;
    --text-heading:    #f5f5f5;
    --text-muted:      #8a8a8a;
    --text-subtle:     #666666;
    --text-faint:      #444444;

    --brand-from:      #d4d4d4;
    --brand-via:       #a3a3a3;
    --brand-to:        #737373;

    --accent:          #d4d4d4;
    --accent-glow:     rgba(200, 200, 200, 0.12);

    --blob-1:         #333333;
    --blob-2:         #262626;
    --blob-opacity:    0.2;

    --card-bg:         rgba(255, 255, 255, 0.03);
    --card-border:     rgba(255, 255, 255, 0.06);
    --card-border-hover: rgba(255, 255, 255, 0.12);
    --card-shadow:     rgba(0, 0, 0, 0.4);
    --card-shimmer:    rgba(255, 255, 255, 0.04);

    --divider:         rgba(255, 255, 255, 0.05);

    --lang-zig-bg:     rgba(180, 180, 180, 0.08);
    --lang-zig-text:   #c0c0c0;
    --lang-zig-border: rgba(180, 180, 180, 0.12);
    --lang-ts-bg:      rgba(180, 180, 180, 0.08);
    --lang-ts-text:    #c0c0c0;
    --lang-ts-border:  rgba(180, 180, 180, 0.12);
}