/* ============================================================
   TOKENI - JEDINI FAJL U KOME SMEJU DA STOJE HEKS VREDNOSTI
   Menjanjem sloja 1 menja se cela sema boja na sajtu.
   Komponente smeju da koriste SAMO sloj 2.
   ============================================================ */

:root{
  /* ---------- SLOJ 1: sirova paleta ---------- */
  --z900:#0E2606;
  --z800:#16360A;
  --z700:#1D430A;
  --z600:#2A5714;
  --z500:#3E7223;
  --z300:#A9C295;
  --z200:#CCDCBE;
  --z100:#E6EFDD;
  --z050:#F3F8EE;

  --a800:#5E1420;
  --a700:#7A1C2B;
  --a600:#9B3040;
  --a300:#C98E97;
  --a100:#FAEDEE;

  --t700:#B4682F;   /* terakota, topli naglasak u naslovima */
  --t100:#FBEEE2;

  --papir:#FDFBF6;
  --krem:#F4EFE3;
  --krem2:#EFE7D6;
  --belo:#FFFFFF;
  --linija:#E6DFCE;
  --linija2:#D8CFBA;
  --mastilo:#14180F;
  --tekst2:#5B6053;

  /* ---------- SLOJ 2: znacenje. Komponente koriste ovo ---------- */
  --boja-osnovna:          var(--z700);
  --boja-osnovna-tamna:    var(--z900);
  --boja-osnovna-tamnija:  var(--z800);
  --boja-osnovna-hover:    var(--z600);
  --boja-osnovna-svetla:   var(--z500);
  --boja-osnovna-blaga:    var(--z100);
  --boja-osnovna-najblaza: var(--z050);
  --boja-osnovna-ivica:    var(--z200);
  --boja-osnovna-meka:     var(--z300);

  --boja-akcenat:          var(--a700);
  --boja-akcenat-hover:    var(--a600);
  --boja-akcenat-tamna:    var(--a800);
  --boja-akcenat-blaga:    var(--a100);

  --boja-toplo:            var(--t700);
  --boja-toplo-blaga:      var(--t100);

  --pozadina:              var(--papir);
  --pozadina-2:            var(--krem);
  --pozadina-3:            var(--krem2);
  --povrsina:              var(--belo);
  --tekst:                 var(--mastilo);
  --tekst-blag:            var(--tekst2);
  --ivica:                 var(--linija);
  --ivica-jaca:            var(--linija2);
  --na-tamnom:             #FFFFFF;
  --na-tamnom-blag:        rgba(255,255,255,.84);
  --na-tamnom-slab:        rgba(255,255,255,.64);
  --na-tamnom-ivica:       rgba(255,255,255,.16);
  --veo-tamni:             rgba(14,38,6,.62);
  --veo-tamni-jak:         rgba(14,38,6,.82);

  /* ---------- tipografija ---------- */
  --serif:"Literata",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* ---------- oblik ---------- */
  --r-xl:28px;
  --r:18px;
  --r-s:11px;
  --r-pilula:100px;
  --senka:0 26px 60px -30px rgba(14,38,6,.42);
  --senka-s:0 12px 30px -18px rgba(14,38,6,.34);
  --senka-jaka:0 40px 90px -40px rgba(14,38,6,.55);
  --maxw:1180px;
  --maxw-usko:780px;
}