/* ═══════════════════════════════════════════════════════
   NOVAK — themes.css
   Sve CSS varijable po temama.
   Učitava se prije svega ostalog.
═══════════════════════════════════════════════════════ */

/* ── DEFAULT / DARK ── */
:root,
[data-theme="dark"] {
  --bg:      #090b0e;
  --bg2:     #0f1217;
  --bg3:     #161a21;
  --bg4:     #1c2230;
  --border:  rgba(255,255,255,0.06);
  --border2: rgba(255,255,255,0.12);
  --accent:  #e8a020;
  --accent2: #f5c050;
  --adim:    rgba(232,160,32,0.13);
  --text:    #eef0f5;
  --text2:   #aeb7c8;
  --text3:   #7b8598;
  --green:   #22c87a;
  --red:     #f04060;
  --blue:    #4098f0;
  --shadow:  0 12px 40px rgba(0,0,0,0.5);
  --ink:       var(--accent);   /* akcenat kao TEKST */
  --on-accent: #000;            /* tekst NA akcentu  */
  --link:      var(--accent);   /* linkovi           */
  /* Skrol bar — tamne teme dele isti ton (svetli palac na tamnoj podlozi) */
  --sb-thumb:       rgba(255,255,255,0.16);
  --sb-thumb-hover: rgba(255,255,255,0.30);
}

/* ── LIGHT ── Gigatron tonovi: pozadina nije čista bela, žuta nije drečava,
   crno je mastilo (#0b0b0b) a ne čisto #000. */
[data-theme="light"] {
  --bg:      #f3f4f6;   /* hladno-siva bela, ne plain #fff */
  --bg2:     #ffffff;   /* kartice / paneli / modali */
  --bg3:     #eaeaec;   /* sekundarna površina */
  --bg4:     #dcdcdc;   /* tercijarna / hover */
  --border:  rgba(11,11,11,0.10);
  --border2: rgba(11,11,11,0.18);
  --accent:  #ffcb05;   /* Gigatron žuta — spuštena ka narandžastoj */
  --accent2: #ffd948;
  --adim:    rgba(255,203,5,0.25);
  --ink:     #0b0b0b;   /* akcenat kao tekst = crno mastilo */
  --on-accent: #0b0b0b; /* tekst na žutoj podlozi */
  --link:    #1c5caf;
  --text:    #111111;
  --text2:   #626262;
  --text3:   #939393;
  --green:   #4b9b23;
  --red:     #e91e1e;
  --blue:    #1c5caf;
  --shadow:  0 8px 28px rgba(11,11,11,0.10);
  --sb-thumb:       rgba(11,11,11,0.20);
  --sb-thumb-hover: rgba(11,11,11,0.38);
}

/* ── RUST ── */
[data-theme="rust"] {
  --bg:      #0e0a08;
  --bg2:     #150f0b;
  --bg3:     #1e1510;
  --bg4:     #281c14;
  --border:  rgba(255,140,80,0.08);
  --border2: rgba(255,140,80,0.16);
  --accent:  #f06830;
  --accent2: #ff8850;
  --adim:    rgba(240,104,48,0.13);
  --text:    #f5e8d8;
  --text2:   #9a7860;
  --text3:   #5a4030;
  --green:   #60c870;
  --red:     #f04060;
  --blue:    #60a8f0;
  --shadow:  0 12px 40px rgba(0,0,0,0.55);
}

/* ── ARCTIC ── */
[data-theme="arctic"] {
  --bg:      #080c12;
  --bg2:     #0c1420;
  --bg3:     #101c2e;
  --bg4:     #16243c;
  --border:  rgba(100,180,255,0.08);
  --border2: rgba(100,180,255,0.16);
  --accent:  #38c8f8;
  --accent2: #58d8ff;
  --adim:    rgba(56,200,248,0.12);
  --text:    #d0e8ff;
  --text2:   #5880a8;
  --text3:   #304860;
  --green:   #20e0a8;
  --red:     #f05878;
  --blue:    #38c8f8;
  --shadow:  0 12px 40px rgba(0,0,0,0.55);
}

/* ── CYBERPUNK ── neon, opušteno, drečavo */
[data-theme="cyberpunk"] {
  --bg:      #0a0612;
  --bg2:     #120a22;
  --bg3:     #1b0f33;
  --bg4:     #261447;
  --border:  rgba(0,255,231,0.14);
  --border2: rgba(255,0,200,0.30);
  --accent:  #00fff0;            /* neon cijan */
  --accent2: #ff2bd6;            /* neon magenta */
  --adim:    rgba(0,255,240,0.12);
  --text:    #f7e8ff;
  --text2:   #b07fd8;
  --text3:   #6b4a99;
  --green:   #39ff8b;
  --red:     #ff3366;
  --blue:    #2bb9ff;
  --shadow:  0 0 40px rgba(255,0,200,0.30), 0 12px 40px rgba(0,0,0,0.6);
}

/* ── INDUSTRIAL ── beton & čelik, srednji tonovi, sigurnosna narandžasta */
[data-theme="industrial"] {
  --bg:      #3a3d40;   /* beton — srednje siva, ni tamna ni svijetla */
  --bg2:     #434648;
  --bg3:     #4c4f52;
  --bg4:     #565a5d;
  --border:  rgba(0,0,0,0.22);
  --border2: rgba(255,122,24,0.40);
  --accent:  #ff7a18;   /* sigurnosna narandžasta (viljuškar/upozorenje) */
  --accent2: #ffa040;
  --adim:    rgba(255,122,24,0.14);
  --text:    #f2efe9;   /* topla bijela (kao oznake na mašinama) */
  --text2:   #b8b4ac;
  --text3:   #87837b;
  --green:   #6fbf4f;
  --red:     #e2483a;
  --blue:    #4a90c0;
  --shadow:  0 10px 30px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04);
}

/* ── NATURE ── šuma & mahovina, svježa zelena sa neon-limetom za oštrinu */
[data-theme="nature"] {
  --bg:      #0c1410;   /* duboka šumska sjenka */
  --bg2:     #111c16;
  --bg3:     #16271d;
  --bg4:     #1e3528;
  --border:  rgba(120,220,140,0.12);
  --border2: rgba(170,255,90,0.34);
  --accent:  #3fdd7a;   /* svježa lisnata zelena */
  --accent2: #aaff5a;   /* neon limeta — oštrina */
  --adim:    rgba(63,221,122,0.13);
  --text:    #e8f5e4;   /* svjetlost kroz lišće */
  --text2:   #8fb89a;
  --text3:   #5a7a64;
  --green:   #4dff8f;
  --red:     #ff5a5a;
  --blue:    #38c8a0;
  --shadow:  0 0 36px rgba(63,221,122,0.18), 0 12px 40px rgba(0,0,0,0.55);
}