/* ═══════════════════════════════════════════════════════════
   10 TEMA — svaka overriduje CSS varijable na body elementu
   ═══════════════════════════════════════════════════════════ */

/* 1. Dark Minimal (default) */
body[data-theme="dark-minimal"] {
    --bg:       #0d0e12;
    --header:   rgba(13,14,18,0.97);
    --accent:   #6b7fff;
    --text:     #e8eaf6;
    --muted:    #6b7190;
    --border:   #252840;
    --page:     #161618;
    --shadow:   rgba(0,0,0,0.85);
    --grad:     radial-gradient(ellipse at 50% 65%, #1a1c2e 0%, #0d0e12 70%);
}

/* 2. Pure White */
body[data-theme="pure-white"] {
    --bg:       #e8e8e8;
    --header:   rgba(255,255,255,0.97);
    --accent:   #2d2d2d;
    --text:     #1a1a1a;
    --muted:    #888;
    --border:   #d0d0d0;
    --page:     #ffffff;
    --shadow:   rgba(0,0,0,0.18);
    --grad:     radial-gradient(ellipse at 50% 65%, #f5f5f5 0%, #dcdcdc 70%);
}

/* 3. Vintage */
body[data-theme="vintage"] {
    --bg:       #1a1209;
    --header:   rgba(22,15,7,0.97);
    --accent:   #d4a843;
    --text:     #f0e0c0;
    --muted:    #9a8060;
    --border:   #3a2e1e;
    --page:     #f5e8c8;
    --shadow:   rgba(0,0,0,0.75);
    --grad:     radial-gradient(ellipse at 50% 65%, #261c0f 0%, #1a1209 70%);
}

/* 4. Midnight */
body[data-theme="midnight"] {
    --bg:       #000000;
    --header:   rgba(0,0,0,0.99);
    --accent:   #e53935;
    --text:     #eeeeee;
    --muted:    #555;
    --border:   #1c1c1c;
    --page:     #0d0d0d;
    --shadow:   rgba(229,57,53,0.2);
    --grad:     radial-gradient(ellipse at 50% 65%, #141414 0%, #000 70%);
}

/* 5. Luxury Gold */
body[data-theme="luxury-gold"] {
    --bg:       #060604;
    --header:   rgba(6,6,4,0.98);
    --accent:   #d4af37;
    --text:     #f5f0e0;
    --muted:    #7a6a40;
    --border:   #1e1a0a;
    --page:     #0c0b08;
    --shadow:   rgba(212,175,55,0.18);
    --grad:     radial-gradient(ellipse at 50% 65%, #141208 0%, #060604 70%);
}

/* 6. Ocean */
body[data-theme="ocean"] {
    --bg:       #040d1c;
    --header:   rgba(4,13,28,0.97);
    --accent:   #29b6f6;
    --text:     #e0f4ff;
    --muted:    #4a7a99;
    --border:   #0c2540;
    --page:     #071525;
    --shadow:   rgba(0,0,0,0.85);
    --grad:     radial-gradient(ellipse at 50% 65%, #0a1f3c 0%, #040d1c 70%);
}

/* 7. Rose */
body[data-theme="rose"] {
    --bg:       #0f0508;
    --header:   rgba(15,5,8,0.97);
    --accent:   #f06292;
    --text:     #fce4ec;
    --muted:    #8a4a60;
    --border:   #2a0f1a;
    --page:     #180a10;
    --shadow:   rgba(0,0,0,0.85);
    --grad:     radial-gradient(ellipse at 50% 65%, #200d18 0%, #0f0508 70%);
}

/* 8. Forest */
body[data-theme="forest"] {
    --bg:       #040e06;
    --header:   rgba(4,14,6,0.97);
    --accent:   #66bb6a;
    --text:     #e8f5e9;
    --muted:    #4a7a50;
    --border:   #0d2510;
    --page:     #071a09;
    --shadow:   rgba(0,0,0,0.85);
    --grad:     radial-gradient(ellipse at 50% 65%, #0a2010 0%, #040e06 70%);
}

/* 9. Sunset */
body[data-theme="sunset"] {
    --bg:       #0f0700;
    --header:   rgba(15,7,0,0.97);
    --accent:   #ff7043;
    --text:     #fff3e0;
    --muted:    #8a5a40;
    --border:   #2a1400;
    --page:     #180b00;
    --shadow:   rgba(0,0,0,0.85);
    --grad:     radial-gradient(ellipse at 50% 65%, #201000 0%, #0f0700 70%);
}

/* 10. Arctic */
body[data-theme="arctic"] {
    --bg:       #d8e8f5;
    --header:   rgba(240,248,255,0.97);
    --accent:   #0277bd;
    --text:     #0a1a2a;
    --muted:    #607080;
    --border:   #b0c8e0;
    --page:     #f5f9fc;
    --shadow:   rgba(0,0,0,0.12);
    --grad:     radial-gradient(ellipse at 50% 65%, #e8f3ff 0%, #cee0f0 70%);
}

/* ── NOVI DIZAJNI ─────────────────────────────────────── */

/* Cinema */
body[data-theme="cinema"] {
    --bg:       #000;
    --header:   rgba(8,8,8,0.95);
    --accent:   #e0e0e0;
    --text:     #fff;
    --muted:    #666;
    --border:   #1a1a1a;
    --page:     #000;
    --shadow:   rgba(0,0,0,0.95);
    --grad:     #000;
}

/* Slide */
body[data-theme="slide"] {
    --bg:       #f2f2f2;
    --header:   rgba(255,255,255,0.97);
    --accent:   #222;
    --text:     #111;
    --muted:    #999;
    --border:   #e0e0e0;
    --page:     #fff;
    --shadow:   rgba(0,0,0,0.08);
    --grad:     #f2f2f2;
}

/* Scroll */
body[data-theme="scroll"] {
    --bg:       #0f0f0f;
    --header:   rgba(15,15,15,0.97);
    --accent:   #6ee7b7;
    --text:     #e0e0e0;
    --muted:    #555;
    --border:   #222;
    --page:     #1a1a1a;
    --shadow:   rgba(0,0,0,0.9);
    --grad:     #0f0f0f;
}

/* Strip */
body[data-theme="strip"] {
    --bg:       #1a1a2e;
    --header:   rgba(22,21,46,0.97);
    --accent:   #e94560;
    --text:     #eee;
    --muted:    #666;
    --border:   #2d2d4e;
    --page:     #16213e;
    --shadow:   rgba(0,0,0,0.85);
    --grad:     #1a1a2e;
}

/* Zoom */
body[data-theme="zoom"] {
    --bg:       #1a0a2e;
    --header:   rgba(22,8,40,0.97);
    --accent:   #a78bfa;
    --text:     #ede9fe;
    --muted:    #7c6a9a;
    --border:   #2d1b4e;
    --page:     #2d1b4e;
    --shadow:   rgba(0,0,0,0.9);
    --grad:     radial-gradient(ellipse at 50% 60%, #2d1b4e 0%, #1a0a2e 100%);
}

/* Cards */
body[data-theme="cards"] {
    --bg:       #f4efe8;
    --header:   rgba(250,247,242,0.97);
    --accent:   #e67e22;
    --text:     #3a2a1a;
    --muted:    #9a8060;
    --border:   #e0d0c0;
    --page:     #fff;
    --shadow:   rgba(0,0,0,0.2);
    --grad:     radial-gradient(ellipse at 50% 40%, #fff 0%, #f0e8dc 100%);
}

/* Wipe */
body[data-theme="wipe"] {
    --bg:       #0a2e1a;
    --header:   rgba(8,36,20,0.97);
    --accent:   #2ecc71;
    --text:     #e8f5e9;
    --muted:    #4a7a58;
    --border:   #0f3d22;
    --page:     #0f3d22;
    --shadow:   rgba(0,0,0,0.9);
    --grad:     radial-gradient(ellipse at 50% 60%, #0f3d22 0%, #0a2e1a 100%);
}

/* Coverflow */
body[data-theme="coverflow"] {
    --bg:       #0d0d0d;
    --header:   rgba(10,10,10,0.97);
    --accent:   #6c63ff;
    --text:     #eee;
    --muted:    #555;
    --border:   #1e1e1e;
    --page:     #1a1a1a;
    --shadow:   rgba(108,99,255,0.3);
    --grad:     radial-gradient(ellipse at 50% 70%, #1a1a2e 0%, #0d0d0d 100%);
}

/* Fade Up */
body[data-theme="fadeup"] {
    --bg:       #0a0a14;
    --header:   rgba(8,8,18,0.97);
    --accent:   #38bdf8;
    --text:     #e0f2fe;
    --muted:    #4a6a80;
    --border:   #111827;
    --page:     #111827;
    --shadow:   rgba(0,0,0,0.95);
    --grad:     radial-gradient(ellipse at 50% 60%, #111827 0%, #0a0a14 100%);
}

/* Spread */
body[data-theme="spread"] {
    --bg:       #ede8e0;
    --header:   rgba(237,232,224,0.97);
    --accent:   #7a5c3a;
    --text:     #3a2a1a;
    --muted:    #9a8060;
    --border:   #d0c0a0;
    --page:     #faf7f2;
    --shadow:   rgba(0,0,0,0.22);
    --grad:     radial-gradient(ellipse at 50% 60%, #faf7f2 0%, #e8e0d0 100%);
}