/* ==========================================================================
   Bloom — BOJE I STAKLO. Jedini fajl sa bojama na sajtu; učitava se pre base.css na svakoj strani.
   Svetla tema je podrazumevana (tamni tekst na belom staklu). Tamna važi kad je <html data-theme="dark">
   ili kad sistem traži tamnu, a korisnik nije izabrao svetlu (prekidač u navigaciji, main.js „theme“).
   Svaki token postoji u obe teme. Kontrast teksta prema podlozi je najmanje 5:1 (proveren na svetloj temi).
   U ostalim CSS fajlovima boje se NE upisuju direktno: tekst ide preko --t-rgb / --c-text-*, linije i
   površine preko --ov-rgb, udubljene površine preko --sf-rgb, akcenat kao --c-accent (podloga),
   --c-accent-text (tekst) i --c-accent-line (ivice).
   ========================================================================== */
:root{
  color-scheme:light;

  /* tekst (RGB trojka za alfa varijante). Na staklu najmanji kontrast 5:1 (najtamnije mesto gradijenta ispod stakla) */
  --t-rgb:24,33,29;
  --c-text:#18211D;
  --c-text-2:rgba(24,33,29,.92);
  --c-text-3:rgba(24,33,29,.86);
  --c-text-4:rgba(24,33,29,.8);   /* 5,4:1 na najtamnijem uglu */
  --c-text-hi:#000;
  --c-ink:#18211D;               /* tamni tekst na obojenim površinama (akcenat, žalfija, pšenica...) */
  --c-on-text:#F4F1EA;           /* tekst na pozadini boje --c-text (glavno dugme, oznake) */
  --c-frame:#1d2429;             /* okvir sajta i podloga iza gradijenta */
  --c-bg:var(--c-frame);

  /* akcenat: kao PODLOGA svetla breskva sa tamnim tekstom (--c-ink), kao TEKST tamna glina (5,5:1 na staklu),
     kao LINIJA srednja glina (3,5:1, dovoljno za ivice) */
  --c-accent:#E2A98B;
  --c-accent-rgb:226,169,139;
  --c-accent-soft:rgba(226,169,139,.38);
  --c-accent-hover:#D99973;
  --c-accent-text:#603020;
  --c-accent-line:#8A4A33;

  /* prigušena, zemljana paleta (podloge sa tamnim tekstom: kontrast 7:1 i više) */
  --c-sage:#9FB3A5;
  --c-sage-soft:rgba(159,179,165,.35);
  --c-sage-text:#28402F;
  --c-clay:#C9A08A;
  --c-wheat:#CDBD95;
  --c-slate:#A9B2BB;
  --c-rose:#C5A7AE;
  --c-olive:#A9B9A0;
  /* ilustracije (ekran telefona, papir cenovnika, fotografija u kartonu): iste u obe teme osim --ill-dark */
  --ill-screen:#1E2622;
  --ill-paper:#E2DDD1;
  --ill-paper-ink:#5C625E;
  --ill-paper-line:#8D918C;
  --ill-photo:linear-gradient(135deg,#C9A08A,#8C6A52 55%,#5A4234);
  --ill-dark:#FFFFFF;

  /* staklo: belo, providno (gradijent se vidi kroz panel), jak blur i zasićenje, svetla ivica i odsjaj (--glass-sheen);
     „overlay“ boja (--ov-rgb) je tamna za linije i površine, udubljene površine (--sf-rgb) bele */
  --ov-rgb:20,30,26;
  --sf-rgb:255,255,255;
  --glass-bg:rgba(255,255,255,.44);
  --glass-strong:rgba(255,255,255,.58);
  --glass-deep:rgba(255,255,255,.52);
  --glass-nav:rgba(255,255,255,.52);
  --glass-line:rgba(255,255,255,.9);
  --glass-line-2:rgba(255,255,255,1);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,1);
  --glass-sheen:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.12) 45%,rgba(255,255,255,0) 70%);
  --glass-solid:rgba(242,244,246,.96);
  --menu-bg:rgba(240,242,244,.9);
  --menu-bg-solid:rgba(240,242,244,.98);
  --surface:rgba(255,255,255,.45);
  --surface-2:rgba(20,30,26,.07);
  --surface-3:rgba(20,30,26,.1);
  --shadow:0 24px 60px rgba(40,50,60,.2);
  --shadow-lg:0 36px 80px rgba(40,50,60,.26);
  --blur:blur(30px) saturate(180%);
  --blur-sm:blur(18px) saturate(160%);
  --bg-gradient:
    radial-gradient(70% 60% at 100% 100%,#e4714f 0%,rgba(228,113,79,0) 62%),
    radial-gradient(55% 45% at 78% 78%,#f3b391 0%,rgba(243,179,145,0) 60%),
    radial-gradient(85% 60% at 45% 52%,#eee9e1 0%,rgba(238,233,225,0) 62%),
    radial-gradient(70% 60% at 0% 0%,#6b87a3 0%,rgba(107,135,163,0) 62%),
    radial-gradient(60% 50% at 100% 0%,#a9bccb 0%,rgba(169,188,203,0) 60%),
    linear-gradient(180deg,#8ea5b9 0%,#c6ced3 45%,#d8cfc6 100%);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --t-rgb:244,241,234;
  --c-text:#F4F1EA;
  --c-text-2:rgba(244,241,234,.86);
  --c-text-3:rgba(244,241,234,.78);
  --c-text-4:rgba(244,241,234,.76);  /* 5,3:1 na najsvetlijoj mrlji */
  --c-text-hi:#fff;
  --c-ink:#18211D;
  --c-on-text:#18211D;
  --c-frame:#0f1518;
  --c-accent:#D9B49E;
  --c-accent-rgb:217,180,158;
  --c-accent-soft:rgba(217,180,158,.3);
  --c-accent-hover:#E3C2AE;
  --c-accent-text:#E6C7B4;  /* svetlija od podloge akcenta: 5,7:1 na najsvetlijoj mrlji */
  --c-accent-line:#D9B49E;
  --c-sage-soft:rgba(159,179,165,.2);
  --c-sage-text:#DCE5DE;
  --ill-dark:#1A221F;
  /* providan, nezatamnjen frost: bela na 8–13 % preko tamnog gradijenta, svetle ivice i blag odsjaj */
  --ov-rgb:255,255,255;
  --sf-rgb:10,16,13;
  --glass-bg:rgba(255,255,255,.08);
  --glass-strong:rgba(255,255,255,.13);
  --glass-deep:rgba(255,255,255,.11);
  --glass-nav:rgba(255,255,255,.1);
  --glass-line:rgba(255,255,255,.16);
  --glass-line-2:rgba(255,255,255,.26);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.22);
  --glass-sheen:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 60%);
  --glass-solid:rgba(34,44,40,.92);
  --menu-bg:rgba(16,22,19,.82);
  --menu-bg-solid:rgba(16,22,19,.97);
  --surface:rgba(10,16,13,.28);
  --surface-2:rgba(255,255,255,.1);
  --surface-3:rgba(255,255,255,.14);
  --shadow:0 30px 70px rgba(6,12,9,.3);
  --shadow-lg:0 40px 90px rgba(6,12,9,.38);
  --blur:blur(40px) saturate(150%);
  --blur-sm:blur(22px) saturate(140%);
  /* mrlje su tamne (najsvetlija #4a3327) da tekst preko frosta od 8 % ostane ≥5:1 */
  --bg-gradient:
    radial-gradient(70% 60% at 100% 100%,#3f271f 0%,rgba(63,39,31,0) 62%),
    radial-gradient(55% 45% at 78% 78%,#4a3327 0%,rgba(74,51,39,0) 60%),
    radial-gradient(85% 60% at 45% 52%,#1f2a2a 0%,rgba(31,42,42,0) 62%),
    radial-gradient(70% 60% at 0% 0%,#233244 0%,rgba(35,50,68,0) 62%),
    radial-gradient(60% 50% at 100% 0%,#2a3a44 0%,rgba(42,58,68,0) 60%),
    linear-gradient(180deg,#141c22 0%,#17201e 45%,#1c1715 100%);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  color-scheme:dark;
  --t-rgb:244,241,234;
  --c-text:#F4F1EA;
  --c-text-2:rgba(244,241,234,.86);
  --c-text-3:rgba(244,241,234,.78);
  --c-text-4:rgba(244,241,234,.76);  /* 5,3:1 na najsvetlijoj mrlji */
  --c-text-hi:#fff;
  --c-ink:#18211D;
  --c-on-text:#18211D;
  --c-frame:#0f1518;
  --c-accent:#D9B49E;
  --c-accent-rgb:217,180,158;
  --c-accent-soft:rgba(217,180,158,.3);
  --c-accent-hover:#E3C2AE;
  --c-accent-text:#E6C7B4;  /* svetlija od podloge akcenta: 5,7:1 na najsvetlijoj mrlji */
  --c-accent-line:#D9B49E;
  --c-sage-soft:rgba(159,179,165,.2);
  --c-sage-text:#DCE5DE;
  --ill-dark:#1A221F;
  /* providan, nezatamnjen frost: bela na 8–13 % preko tamnog gradijenta, svetle ivice i blag odsjaj */
  --ov-rgb:255,255,255;
  --sf-rgb:10,16,13;
  --glass-bg:rgba(255,255,255,.08);
  --glass-strong:rgba(255,255,255,.13);
  --glass-deep:rgba(255,255,255,.11);
  --glass-nav:rgba(255,255,255,.1);
  --glass-line:rgba(255,255,255,.16);
  --glass-line-2:rgba(255,255,255,.26);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.22);
  --glass-sheen:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 60%);
  --glass-solid:rgba(34,44,40,.92);
  --menu-bg:rgba(16,22,19,.82);
  --menu-bg-solid:rgba(16,22,19,.97);
  --surface:rgba(10,16,13,.28);
  --surface-2:rgba(255,255,255,.1);
  --surface-3:rgba(255,255,255,.14);
  --shadow:0 30px 70px rgba(6,12,9,.3);
  --shadow-lg:0 40px 90px rgba(6,12,9,.38);
  --blur:blur(40px) saturate(150%);
  --blur-sm:blur(22px) saturate(140%);
  /* mrlje su tamne (najsvetlija #4a3327) da tekst preko frosta od 8 % ostane ≥5:1 */
  --bg-gradient:
    radial-gradient(70% 60% at 100% 100%,#3f271f 0%,rgba(63,39,31,0) 62%),
    radial-gradient(55% 45% at 78% 78%,#4a3327 0%,rgba(74,51,39,0) 60%),
    radial-gradient(85% 60% at 45% 52%,#1f2a2a 0%,rgba(31,42,42,0) 62%),
    radial-gradient(70% 60% at 0% 0%,#233244 0%,rgba(35,50,68,0) 62%),
    radial-gradient(60% 50% at 100% 0%,#2a3a44 0%,rgba(42,58,68,0) 60%),
    linear-gradient(180deg,#141c22 0%,#17201e 45%,#1c1715 100%);
  }
}