/* KOPIJA grist.perdan.me/v/w1/widgeti/oblika/zetoni.css (vir resnice; portal je na drugem izvoru).
   Ob spremembi vira kopiraj znova: cp .../widgeti/oblika/zetoni.css /opt/cenitve/app/static/zetoni.css
   Zadnja kopija: 6.10.2026 (prenova "crnilo, mesing, papir" z dne 2.10.2026). */
/* ==========================================================================
   Platforma in portal Cenitve — oblikovni žetoni
   Vir resnice za barve, pisavo, zaobljenost in razmike VSEH aplikacij:
   Stečaji, Cenitve, Računovodstvo (grist.perdan.me) in app.cenitve.eu.

   PRAVILO: v lupinah in gradnikih ni šestnajstiških barv, samo var(--…).
   Uporabniške prilagoditve NE gredo sem, ampak v temo (Nastavitve › Videz),
   ki se naloži za to datoteko in prepiše poljubne spremenljivke.

   Predlog oblike: https://claude.ai/artifact/2ywTKa2Sday8jToQVnta5h
   ========================================================================== */

:root{
  color-scheme: light;

  /* --- Površine -------------------------------------------------------- */
  /* Prenova 2.10.2026: "crnilo, mesing, papir" namesto zelenega odtenka.
     Predlog: design system STECAJI (claude.ai artifact). Stare vrednosti: zetoni.css.pred-20261002 */
  --pod:        #ECEFF3;   /* ozadje strani (hladno siva) — plošče na njej izstopajo */
  --plosca:     #FFFFFF;   /* list: plošče, kartice, tabele */
  --plosca-2:   #F4F6F9;   /* glave plošč in tabel, vdolbine */
  --plosca-3:   #E6EAF0;   /* prehod z miško, nevtralne oznake */
  --polje:      #FFFFFF;   /* vnosna polja */

  /* --- Robovi ---------------------------------------------------------- */
  --rob:        #DDE1E8;
  --rob-mocan:  #B4BAC5;   /* gumbi */
  --rob-tih:    #E9ECF1;   /* črte med vrsticami */
  --rob-polja:  #8A919E;   /* okvir vnosnih polj — 3:1 na listu */

  /* --- Besedilo -------------------------------------------------------- */
  --crnilo:       #18202E;
  --crnilo-2:     #556070;   /* 6,4:1 na listu — najtišje BESEDILO */
  --crnilo-okras: #9AA1AD;   /* ikone, črte; nikoli besedilo */
  --oznaka:       #1E3354;   /* imena polj in naslovi plošč */

  /* --- Poudarek (znamka) — črnilo ------------------------------------------ */
  --znamka:          #1F3A5F;
  --znamka-temna:    #172D4A;
  --znamka-svetla:   #7F9CC4;   /* trenutni korak, drugotne črte */
  --znamka-tint:     #E3EAF4;   /* izbrano, aktivna podstran, naslovni pasovi */
  --znamka-tint-rob: #B9C8DE;
  --znamka-tekst:    #FFFFFF;   /* besedilo na polnilu znamke */

  /* --- Mesing — drugi, tihi poudarek: pas na vrhu plošče, fokus ---------- */
  --mesing:       #B07D22;   /* nikoli besedilo na svetlem */
  --mesing-tekst: #83693A;
  --mesing-pod:   #F7F0E1;

  /* --- Sence (globina, rahel sijaj) -------------------------------------- */
  --senca-plosca: 0 1px 2px rgba(16,24,40,.06), 0 4px 14px rgba(16,24,40,.07);
  --senca-dvig:   0 2px 4px rgba(16,24,40,.08), 0 12px 28px rgba(16,24,40,.12);
  --senca-polje:  inset 0 1px 2px rgba(16,24,40,.06);
  --senca-gumb:   0 1px 2px rgba(16,24,40,.18), inset 0 1px 0 rgba(255,255,255,.18);
  --sijaj:        linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 55%);

  /* --- Stanja roka ------------------------------------------------------ */
  --rok:          #8A4210;   /* rok se bliža */
  --rok-pod:      #F6E7D6;
  --zamuda:       #A02C25;   /* rok je potekel, zapadel račun */
  --zamuda-pod:   #F6DEDB;
  --zamuda-vrsta: #FBF1EF;   /* ozadje vrstice v zamudi */
  --v-redu:       #2D6A4F;
  --v-redu-pod:   #DFEEE6;

  /* --- Pomen v prilagoditveni tabeli — NE spreminjaj brez razloga -------
     modro = izračunano, jantar = ročna presoja, sivo = ni izračunljivo.   */
  --izracun:      #1F4F8F;
  --rocno:        #8A4E08;
  --rocno-pod:    #FBEFD9;
  --ni-mogoce:    #6B726E;

  /* --- Pisava ---------------------------------------------------------- */
  --pisava:        "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pisava-naslov: "Source Serif 4", Georgia, serif;
  --t-mikro:   12px;
  --t-meta:    12.5px;
  --t-gost:    13.5px;   /* tabele */
  --t-telo:    14px;
  --t-vecje:   15px;
  --t-razdelek:16px;
  --t-naslov:  34px;     /* ime zadeve */
  --t-stat:    30px;     /* ključna vrednost */
  --vr-osn:    1.45;
  --vr-brana:  1.55;

  /* --- Prostor in oblika ----------------------------------------------- */
  --p1: 2px; --p2: 4px; --p3: 6px; --p4: 8px; --p5: 12px; --p6: 16px; --p7: 20px; --p8: 24px; --p9: 32px; --p10: 48px;
  --zaobl-s:  4px;    /* oznake stanja */
  --zaobl-m:  8px;    /* gumbi, polja, menijske točke */
  --zaobl-l:  14px;   /* plošče */
  --v-gumba:  38px;
  --v-vrstice:36px;   /* menijska točka */
  --s-stranske: 248px;

  --senca-okno: 0 18px 50px rgba(16,24,40,.22);
  --obroc:      2px solid var(--mesing);
  --hitro: 120ms;
  --osn:   180ms;
}

/* --- Temni način: velja, ko lupina nastavi data-svetloba="temno" ------- */
:root[data-svetloba="temno"]{
  color-scheme: dark;
  --pod:#0F141C; --plosca:#171E29; --plosca-2:#1C2431; --plosca-3:#253042; --polje:#131922;
  --rob:#2A3442; --rob-mocan:#3A4658; --rob-tih:#212A37; --rob-polja:#66738A;
  --crnilo:#E8ECF2; --crnilo-2:#A3ADBB; --crnilo-okras:#66738A; --oznaka:#C3D3EC;
  --znamka:#8FB3E6; --znamka-temna:#A7C4EE; --znamka-svetla:#4A6A96; --znamka-tint:#1E2D44; --znamka-tint-rob:#2E4466; --znamka-tekst:#0F1A2B;
  --mesing:#E0B25E; --mesing-tekst:#E2BD78; --mesing-pod:#2E2616;
  --rok:#E0A36B; --rok-pod:#3A2A1C; --zamuda:#F08A80; --zamuda-pod:#3D1F1D; --zamuda-vrsta:#2A1A18; --v-redu:#7FC8A2; --v-redu-pod:#1C3329;
  --izracun:#8DB4EA; --rocno:#E8B46A; --rocno-pod:#3A2C18; --ni-mogoce:#8A948F;
  --senca-okno: 0 18px 50px rgba(0,0,0,.5);
  --senca-plosca: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);
  --senca-dvig:   0 2px 4px rgba(0,0,0,.5), 0 14px 32px rgba(0,0,0,.45);
  --senca-polje:  inset 0 1px 2px rgba(0,0,0,.35);
  --senca-gumb:   0 1px 2px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.25);
}

/* ==========================================================================
   Stara imena — da obstoječe lupine in portal ubogajo nove vrednosti.
   Ko grep po imenu ne najde nič več, vrstico izbriši.
   ========================================================================== */
:root{
  /* lupine platforme (platforma.html) */
  --bg: var(--pod); --plosca2: var(--plosca-2); --crta: var(--rob); --crta-mocna: var(--rob-mocan);
  --tekst: var(--crnilo); --tekst-tih: var(--crnilo-2); --poudarek: var(--znamka); --poudarek-tekst: var(--znamka-tekst);
  /* portal (portal.css) */
  --panel: var(--plosca); --line: var(--rob); --ink: var(--crnilo); --mut: var(--crnilo-2);
  --acc: var(--znamka); --acc2: var(--znamka-svetla); --ok: var(--v-redu); --warn: var(--rok);
}