/*
  PROPLANAK — tamna tema (tamno.css)

  Učitava se poslednja. Uključuje je atribut data-tema="tamna" na
  <html>, koji postavlja skripta u <head>-u pre crtanja strane.

  Noć na proplanku: nebo tamno, sunce postaje mesec, pale se zvezde, a
  prozor kućice gori jače. Menjaju se SAMO tokeni — zato su uloge
  razdvojene (--naslov nije i podloga, --dugme-* ima svoje boje,
  podnožje svoje). Tako nema zamke „bela slova na svetloj podlozi" sa
  Savskog izloga.
*/

[data-tema="tamna"] {
  color-scheme: dark;

  --papir: #141a15;
  --papir-2: #182019;
  --povrsina: #1e261f;
  --povrsina-2: #263027;
  --povrsina-3: #2e392f;

  --naslov: #f1e9d6;
  --tekst: #ddd5c1;
  --tekst-tiho: #b2ad9b;
  --tekst-ugaseno: #8d8b7c;
  --ivica: rgb(241 233 214 / 0.1);
  --ivica-jaka: rgb(241 233 214 / 0.22);

  --akcenat: #e08a5f;
  --akcenat-tekst: #eea27b;
  --akcenat-meko: rgb(224 138 95 / 0.15);
  --akcenat-meko-2: rgb(224 138 95 / 0.28);
  --na-akcentu: #231208;

  --dugme-pozadina: #efe5cf;
  --dugme-hover: #fffaf0;
  --dugme-tekst: #172019;
  --dugme-senka: 0 1rem 2.4rem -1.2rem rgb(0 0 0 / 0.7);
  --dugme-tiho: rgb(241 233 214 / 0.08);
  --dugme-tiho-hover: rgb(241 233 214 / 0.14);

  --nebo-gore: #0e1411;
  --nebo-kartica: #18232b;
  --sunce: #efe3bf;
  --brdo-1: #243024;
  --brdo-2: #1d291f;
  --brdo-3: #18231a;
  --bor-1: #131e15;
  --bor-2: #0c140e;
  --brdo-4: #0d1510;
  --kucica-krov: #22170f;
  --kucica-zid: #3a2819;
  --kucica-svetlo: #ffc864;
  --kucica-temelj: #120c07;
  --zvezde: 1;

  --dan-slobodan: #263027;
  --dan-slobodan-hover: #303c31;
  --dan-zauzet-1: #2c352c;
  --dan-zauzet-2: #1c231d;
  --dan-zauzet-tekst: #7b7f71;
  --dan-izabran: #e08a5f;
  --dan-izabran-tekst: #1e0f06;
  --dan-raspon: rgb(224 138 95 / 0.22);
  --dan-raspon-tekst: #f1e9d6;
  --dan-proslo: #525a4f;

  --polje-pozadina: #182019;
  --polje-ivica: rgb(241 233 214 / 0.18);
  --fokus: #efe5cf;
  --greska-tekst: #f2a488;
  --greska-pozadina: rgb(242 164 136 / 0.12);
  --uspeh: #9fcf97;
  --prekidac-pozadina: rgb(241 233 214 / 0.2);
  --prekidac-ukljucen: #7fb08e;
  --prekidac-dugme: #f6eedd;

  /* podnožje ostaje prepoznatljiva zelena traka i noću (ne crna) */
  --podnozje-pozadina: #1a2a1d;
  --podnozje-pozadina-2: #203525;
  --podnozje-tekst: #f1e9d6;
  --podnozje-tiho: #b4baa6;
  --podnozje-ivica: rgb(241 233 214 / 0.12);

  --senka-1: 0 0 0 1px rgb(241 233 214 / 0.07), 0 1.4rem 3rem -1.4rem rgb(0 0 0 / 0.7);
  --senka-2: 0 0 0 1px rgb(241 233 214 / 0.09), 0 4rem 7rem -3rem rgb(0 0 0 / 0.8);
  --senka-3: 0 0 0 1px rgb(241 233 214 / 0.08), 0 2.4rem 6rem -2rem rgb(0 0 0 / 0.8);
  --iza-sloja: rgb(0 0 0 / 0.62);
}

/* mesec tiho sija */
[data-tema="tamna"] .hero-sunce {
  box-shadow: 0 0 8rem 1rem rgb(239 227 191 / 0.16);
}

/* prozor gori i baca malo svetla */
[data-tema="tamna"] .kucica-svetlo {
  filter: drop-shadow(0 0 6px rgb(255 200 100 / 0.8));
}

/* dim se na tamnom nebu ne vidi — i ne treba */
[data-tema="tamna"] .kucica-dim {
  display: none;
}

/* fotografije malo tiše, da ne „pale" ekran noću */
[data-tema="tamna"] .galerija-stavka img,
[data-tema="tamna"] .stanica-slika img,
[data-tema="tamna"] .usluga-slika img,
[data-tema="tamna"] .kucica-slika img {
  filter: brightness(0.9);
}

/* mapa nema tamnu varijantu bez API ključa — samo se utiša */
[data-tema="tamna"] .mapa {
  filter: brightness(0.82) contrast(1.05);
}

[data-tema="tamna"] .rez-racun {
  filter: drop-shadow(0 0 1px rgb(241 233 214 / 0.18)) drop-shadow(0 1.6rem 2.2rem rgb(0 0 0 / 0.5));
}

[data-tema="tamna"] .dno-traka {
  box-shadow: 0 -1px 0 var(--ivica), 0 -1.2rem 3rem -1.6rem rgb(0 0 0 / 0.7);
}

[data-tema="tamna"] .zvezde,
[data-tema="tamna"] .dno-traka-dole .ikona {
  color: #e8b764;
}

[data-tema="tamna"] .dan.dan--izabran {
  box-shadow: 0 0.6rem 1.4rem -0.6rem rgb(0 0 0 / 0.7);
}