/* ===================================================
   ALFA TECH GROUP — Theme System
   CSS Custom Properties per theme
   =================================================== */

/* ---- DARK (default) ---- */
[data-theme="dark"],
:root {
    --bg-primary:     #0a0b0f;
    --bg-secondary:   #111318;
    --bg-tertiary:    #1a1d24;
    --bg-card:        #13151b;
    --bg-card-hover:  #1c1f28;
    --bg-nav:         rgba(10, 11, 15, 0.95);
    --bg-footer:      #07080b;
    --border:         #1e2130;
    --border-accent:  #2a3050;

    --text-primary:   #f0f2f8;
    --text-secondary: #8892b0;
    --text-muted:     #7a84a8;
    --text-nav:       #c9d1e8;

    --accent:         #00d4ff;
    --accent-hover:   #00b8e0;
    --accent-glow:    rgba(0, 212, 255, 0.15);
    --accent-rgb:     0, 212, 255;

    --accent2:        #7c3aed;
    --accent2-hover:  #6d28d9;

    --success:        #10b981;
    --warning:        #f59e0b;
    --danger:         #ef4444;
    --info:           #3b82f6;

    --shadow-sm:      0 1px 3px rgba(0,0,0,0.4);
    --shadow-md:      0 4px 16px rgba(0,0,0,0.5);
    --shadow-lg:      0 8px 32px rgba(0,0,0,0.6);
    --shadow-accent:  0 0 20px rgba(0, 212, 255, 0.2);

    --radius-sm:  6px;
    --radius-md:  12px;
    --radius-lg:  20px;
    --radius-xl:  32px;

    --transition: all 0.2s ease;
    --transition-slow: all 0.4s ease;
}

/* ---- LIGHT ---- */
[data-theme="light"] {
    --bg-primary:     #f8f9fc;
    --bg-secondary:   #ffffff;
    --bg-tertiary:    #eef0f7;
    --bg-card:        #ffffff;
    --bg-card-hover:  #f3f5fb;
    --bg-nav:         rgba(255, 255, 255, 0.97);
    --bg-footer:      #1a1d2e;
    --border:         #e2e6f0;
    --border-accent:  #c5cde8;

    --text-primary:   #0f1117;
    --text-secondary: #4a5278;
    --text-muted:     #8892b0;
    --text-nav:       #1a1d2e;

    --accent:         #0066cc;
    --accent-hover:   #0052a3;
    --accent-glow:    rgba(0, 102, 204, 0.12);
    --accent-rgb:     0, 102, 204;

    --accent2:        #7c3aed;
    --accent2-hover:  #6d28d9;

    --success:        #059669;
    --warning:        #d97706;
    --danger:         #dc2626;
    --info:           #2563eb;

    --shadow-sm:      0 1px 3px rgba(0,0,0,0.08);
    --shadow-md:      0 4px 16px rgba(0,0,0,0.1);
    --shadow-lg:      0 8px 32px rgba(0,0,0,0.12);
    --shadow-accent:  0 0 20px rgba(0, 102, 204, 0.15);
}

/* ---- RED & BLACK ---- */
[data-theme="red-black"] {
    --bg-primary:     #0a0000;
    --bg-secondary:   #110000;
    --bg-tertiary:    #1a0000;
    --bg-card:        #130000;
    --bg-card-hover:  #1f0000;
    --bg-nav:         rgba(10, 0, 0, 0.96);
    --bg-footer:      #050000;
    --border:         #2a0000;
    --border-accent:  #4a0000;

    --text-primary:   #fff0f0;
    --text-secondary: #cc8888;
    --text-muted:     #774444;
    --text-nav:       #ffdddd;

    --accent:         #ff2233;
    --accent-hover:   #ff0011;
    --accent-glow:    rgba(255, 34, 51, 0.2);
    --accent-rgb:     255, 34, 51;

    --accent2:        #cc0000;
    --accent2-hover:  #aa0000;

    --success:        #ff5533;
    --warning:        #ff8800;
    --danger:         #ff0000;
    --info:           #ff4466;

    --shadow-sm:      0 1px 3px rgba(255,0,0,0.15);
    --shadow-md:      0 4px 16px rgba(255,0,0,0.2);
    --shadow-lg:      0 8px 32px rgba(0,0,0,0.7);
    --shadow-accent:  0 0 24px rgba(255, 34, 51, 0.3);
}

/* ---- FUNNY ---- */
[data-theme="funny"] {
    --bg-primary:     #0d0d2b;
    --bg-secondary:   #12124a;
    --bg-tertiary:    #1a1a5c;
    --bg-card:        #141440;
    --bg-card-hover:  #1e1e55;
    --bg-nav:         rgba(13, 13, 43, 0.96);
    --bg-footer:      #08082a;
    --border:         #2a2a6a;
    --border-accent:  #4a4aaa;

    --text-primary:   #ffffff;
    --text-secondary: #a0a0ff;
    --text-muted:     #6060cc;
    --text-nav:       #e0e0ff;

    --accent:         #ff6ec7;
    --accent-hover:   #ff50bc;
    --accent-glow:    rgba(255, 110, 199, 0.2);
    --accent-rgb:     255, 110, 199;

    --accent2:        #00ffcc;
    --accent2-hover:  #00eebb;

    --success:        #00ff88;
    --warning:        #ffee00;
    --danger:         #ff3366;
    --info:           #00ccff;

    --shadow-sm:      0 1px 3px rgba(255,110,199,0.15);
    --shadow-md:      0 4px 16px rgba(0,0,0,0.5);
    --shadow-lg:      0 8px 32px rgba(255,110,199,0.15);
    --shadow-accent:  0 0 24px rgba(255, 110, 199, 0.3);
}

/* ---- TECH (matrix/terminal) ---- */
[data-theme="tech"] {
    --bg-primary:     #000000;
    --bg-secondary:   #000d00;
    --bg-tertiary:    #001400;
    --bg-card:        #001000;
    --bg-card-hover:  #001800;
    --bg-nav:         rgba(0, 0, 0, 0.97);
    --bg-footer:      #000000;
    --border:         #003300;
    --border-accent:  #005500;

    --text-primary:   #00ff41;
    --text-secondary: #00bb30;
    --text-muted:     #009918;
    --text-nav:       #00ee38;

    --accent:         #00ff41;
    --accent-hover:   #39ff14;
    --accent-glow:    rgba(0, 255, 65, 0.2);
    --accent-rgb:     0, 255, 65;

    --accent2:        #00ccff;
    --accent2-hover:  #00aadd;

    --success:        #00ff41;
    --warning:        #ffff00;
    --danger:         #ff0000;
    --info:           #00ccff;

    --shadow-sm:      0 1px 3px rgba(0,255,65,0.1);
    --shadow-md:      0 4px 16px rgba(0,255,65,0.1);
    --shadow-lg:      0 8px 32px rgba(0,0,0,0.8);
    --shadow-accent:  0 0 24px rgba(0, 255, 65, 0.25);
}

/* ---- CUSTOM (user-defined, overrides set via JS) ---- */
[data-theme="custom"] {
    --bg-primary:     var(--custom-bg-primary,     #0a0b0f);
    --bg-secondary:   var(--custom-bg-secondary,   #111318);
    --bg-tertiary:    var(--custom-bg-tertiary,     #1a1d24);
    --bg-card:        var(--custom-bg-card,         #13151b);
    --bg-card-hover:  var(--custom-bg-card,         #1c1f28);
    --bg-nav:         var(--custom-bg-nav,          rgba(10, 11, 15, 0.95));
    --bg-footer:      var(--custom-bg-footer,       #07080b);
    --border:         var(--custom-border,          #1e2130);
    --border-accent:  var(--custom-border-accent,   #2a3050);
    --text-primary:   var(--custom-text-primary,    #f0f2f8);
    --text-secondary: var(--custom-text-secondary,  #8892b0);
    --text-muted:     var(--custom-text-muted,      #4a5278);
    --text-nav:       var(--custom-text-nav,        #c9d1e8);
    --accent:         var(--custom-accent,          #00d4ff);
    --accent-hover:   var(--custom-accent-hover,    #00b8e0);
    --accent-glow:    var(--custom-accent-glow,     rgba(0,212,255,0.15));
    --accent-rgb:     var(--custom-accent-rgb,      0, 212, 255);
    --accent2:        var(--custom-accent2,         #7c3aed);
    --shadow-sm:      0 1px 3px rgba(0,0,0,0.4);
    --shadow-md:      0 4px 16px rgba(0,0,0,0.5);
    --shadow-lg:      0 8px 32px rgba(0,0,0,0.6);
    --shadow-accent:  0 0 20px rgba(var(--accent-rgb), 0.2);
}