/* ============================================================
   IT Man Platform — Theme System v2
   Centralized CSS Custom Properties for all themes
   ============================================================ */

/* ─── Base / Dark (default) ─────────────────────────────────── */
:root,
[data-theme="dark"] {
    --bg:              #050508;
    --bg-secondary:    #0d0d14;
    --bg-card:         rgba(14, 14, 22, 0.88);
    --text:            #e8eaf0;
    --text-muted:      #7c7f8e;
    --accent:          #00ff88;
    --accent-rgb:      0, 255, 136;
    --accent-dim:      rgba(0, 255, 136, 0.12);
    --accent-hover:    #00cc6a;
    --border:          rgba(255, 255, 255, 0.07);
    --border-accent:   rgba(0, 255, 136, 0.3);
    --navbar-bg:       rgba(5, 5, 8, 0.92);
    --footer-bg:       #030305;
    --matrix-rgb:      0, 255, 136;
    --matrix-fade:     rgba(5, 5, 8, 0.06);
    --shadow:          0 8px 32px rgba(0,0,0,0.4);
    --shadow-glow:     0 0 24px rgba(0,255,136,0.15);
    --fab-bg:          rgba(14,14,22,0.95);
    --chat-bg:         #0d0d14;
    --input-bg:        rgba(255,255,255,0.05);
    --badge-bg:        rgba(0,255,136,0.15);
    --bs-body-bg:      #050508;
    --bs-body-color:   #e8eaf0;
}

/* ─── Light ──────────────────────────────────────────────────── */
[data-theme="light"] {
    --bg:              #f5f6fa;
    --bg-secondary:    #ffffff;
    --bg-card:         rgba(255, 255, 255, 0.92);
    --text:            #1a1b2e;
    --text-muted:      #64657a;
    --accent:          #0056d2;
    --accent-rgb:      0, 86, 210;
    --accent-dim:      rgba(0, 86, 210, 0.1);
    --accent-hover:    #0044a8;
    --border:          rgba(0,0,0,0.08);
    --border-accent:   rgba(0,86,210,0.3);
    --navbar-bg:       rgba(245,246,250,0.96);
    --footer-bg:       #1a1b2e;
    --matrix-rgb:      0, 86, 210;
    --matrix-fade:     rgba(245,246,250,0.06);
    --shadow:          0 8px 32px rgba(0,0,0,0.1);
    --shadow-glow:     0 0 24px rgba(0,86,210,0.15);
    --fab-bg:          rgba(255,255,255,0.95);
    --chat-bg:         #ffffff;
    --input-bg:        rgba(0,0,0,0.04);
    --badge-bg:        rgba(0,86,210,0.1);
}

/* ─── Romanian ───────────────────────────────────────────────── */
[data-theme="romanian"] {
    --bg:              #001f6b;
    --bg-secondary:    #002080;
    --bg-card:         rgba(0, 30, 100, 0.88);
    --text:            #ffffff;
    --text-muted:      rgba(255,255,255,0.6);
    --accent:          #ffd100;
    --accent-rgb:      255, 209, 0;
    --accent-dim:      rgba(255,209,0,0.15);
    --accent-hover:    #e6bc00;
    --border:          rgba(255,255,255,0.1);
    --border-accent:   rgba(255,209,0,0.4);
    --navbar-bg:       rgba(0,20,80,0.96);
    --footer-bg:       #000d3a;
    --matrix-rgb:      206, 17, 38;
    --matrix-fade:     rgba(0,31,107,0.06);
    --shadow:          0 8px 32px rgba(0,0,0,0.5);
    --shadow-glow:     0 0 24px rgba(255,209,0,0.2);
    --fab-bg:          rgba(0,30,100,0.95);
    --chat-bg:         #001f6b;
    --input-bg:        rgba(255,255,255,0.07);
    --badge-bg:        rgba(255,209,0,0.15);
}

/* ─── Scandinavian ───────────────────────────────────────────── */
[data-theme="scandinavian"] {
    --bg:              #f0f4f8;
    --bg-secondary:    #ffffff;
    --bg-card:         rgba(255,255,255,0.92);
    --text:            #1e2a38;
    --text-muted:      #5a6780;
    --accent:          #1f5baa;
    --accent-rgb:      31, 91, 170;
    --accent-dim:      rgba(31,91,170,0.1);
    --accent-hover:    #174d92;
    --border:          rgba(0,0,0,0.07);
    --border-accent:   rgba(31,91,170,0.3);
    --navbar-bg:       rgba(240,244,248,0.96);
    --footer-bg:       #1e2a38;
    --matrix-rgb:      31, 91, 170;
    --matrix-fade:     rgba(240,244,248,0.06);
    --shadow:          0 4px 20px rgba(0,0,0,0.08);
    --shadow-glow:     0 0 20px rgba(31,91,170,0.15);
    --fab-bg:          rgba(255,255,255,0.95);
    --chat-bg:         #ffffff;
    --input-bg:        rgba(0,0,0,0.04);
    --badge-bg:        rgba(31,91,170,0.1);
}

/* ─── Mediterranean ──────────────────────────────────────────── */
[data-theme="mediterranean"] {
    --bg:              #003d5c;
    --bg-secondary:    #004d73;
    --bg-card:         rgba(0,52,80,0.88);
    --text:            #ffffff;
    --text-muted:      rgba(255,255,255,0.65);
    --accent:          #ff6b35;
    --accent-rgb:      255, 107, 53;
    --accent-dim:      rgba(255,107,53,0.15);
    --accent-hover:    #e55a27;
    --border:          rgba(255,255,255,0.1);
    --border-accent:   rgba(255,107,53,0.4);
    --navbar-bg:       rgba(0,40,60,0.96);
    --footer-bg:       #001f30;
    --matrix-rgb:      255, 107, 53;
    --matrix-fade:     rgba(0,61,92,0.06);
    --shadow:          0 8px 32px rgba(0,0,0,0.4);
    --shadow-glow:     0 0 24px rgba(255,107,53,0.2);
    --fab-bg:          rgba(0,52,80,0.95);
    --chat-bg:         #003d5c;
    --input-bg:        rgba(255,255,255,0.07);
    --badge-bg:        rgba(255,107,53,0.15);
}

/* ─── High Contrast / Colorblind ─────────────────────────────── */
[data-theme="colorblind"] {
    --bg:              #000022;
    --bg-secondary:    #000033;
    --bg-card:         rgba(0,0,50,0.92);
    --text:            #ffff00;
    --text-muted:      rgba(255,255,0,0.6);
    --accent:          #ffffff;
    --accent-rgb:      255,255,255;
    --accent-dim:      rgba(255,255,255,0.15);
    --accent-hover:    #eeeeee;
    --border:          rgba(255,255,0,0.2);
    --border-accent:   rgba(255,255,255,0.5);
    --navbar-bg:       rgba(0,0,30,0.98);
    --footer-bg:       #00000f;
    --matrix-rgb:      255, 255, 0;
    --matrix-fade:     rgba(0,0,34,0.07);
    --shadow:          0 8px 32px rgba(0,0,0,0.6);
    --shadow-glow:     0 0 24px rgba(255,255,0,0.3);
    --fab-bg:          rgba(0,0,50,0.97);
    --chat-bg:         #000022;
    --input-bg:        rgba(255,255,0,0.06);
    --badge-bg:        rgba(255,255,0,0.15);
}

/* ─── Monochrome ─────────────────────────────────────────────── */
[data-theme="monochrome"] {
    --bg:              #111113;
    --bg-secondary:    #1a1a1c;
    --bg-card:         rgba(26,26,28,0.92);
    --text:            #e0e0e0;
    --text-muted:      #888888;
    --accent:          #aaaaaa;
    --accent-rgb:      170,170,170;
    --accent-dim:      rgba(170,170,170,0.1);
    --accent-hover:    #cccccc;
    --border:          rgba(255,255,255,0.06);
    --border-accent:   rgba(170,170,170,0.3);
    --navbar-bg:       rgba(15,15,17,0.96);
    --footer-bg:       #080809;
    --matrix-rgb:      170, 170, 170;
    --matrix-fade:     rgba(17,17,19,0.06);
    --shadow:          0 8px 32px rgba(0,0,0,0.5);
    --shadow-glow:     0 0 20px rgba(170,170,170,0.1);
    --fab-bg:          rgba(26,26,28,0.97);
    --chat-bg:         #111113;
    --input-bg:        rgba(255,255,255,0.05);
    --badge-bg:        rgba(170,170,170,0.1);
}

/* ─── Bootstrap 5 color-scheme sync ──────────────────────────── */
[data-theme="dark"] { color-scheme: dark; }
[data-theme="light"] { color-scheme: light; }
[data-theme="scandinavian"] { color-scheme: light; }