/* ═══════════════════════════════════════════════════════════════════════
   URBIO — TEMA · 1.2 (27.8.2026) · REZ N2
   1.2: koralna zahteve (--zahteva/--zahteva-soft) pride sem iz :root v
   index.html. Tam je stala od uvedbe pasu Zahteva in temna tema je ni
   premaknila — #9A3B1C je ostal na skoraj crnem ozadju. Zdaj stoji pri
   --late/--near/--ok in ima svojo temno vrednost, tako kot vsi ostali.
   VIDEZ V SVETLI TEMI SE NE SPREMENI: vrednosti sta prepisani dobesedno.

   URBIO — TEMA · 1.1 (7.8.2026) · REZ C7b
   1.1: faze terminskega plana dobijo svoja imena (--faza-p/-j/-g).
   Ena vrednost se PREBARVA: Priprava. Vse ostalo je nespremenjeno.

   URBIO — TEMA · 1.0 (4.8.2026) · REZ C1
   ENA PALETA, DVA BESEDNJAKA.

   Do zdaj sta obstajala dva ločena nabora imen: plošča (--paper, --ink,
   --teal …) in portal (--surface, --text, --accent …). Vsak popravek barve
   se je pisal dvakrat, in oba nabora sta že segala eden v drugega —
   z mrtvimi sklici, ker imena na drugi strani ni bilo:

     · portal:  .mc-mgr-item.active { background: var(--accent-bg) }   ← ni definiran
     · portal:  .mc-val-27          { color: var(--teal, #14b8a6) }    ← ni definiran
     · plošča:  .izr-b              { border: … var(--border);
                                      color: var(--text-muted) }       ← nista definirana

   Tu je ena sama vrednost na pojem. Imena portala so VZDEVKI istih
   vrednosti, ne kopije — zato se popravek barve odslej piše enkrat.

   VREDNOSTI SO NESPREMENJENE glede na dashboard.html v3.9. Ta rez ne
   prebarva ničesar; enak videz je merilo, da je pravilno izveden.

   KDO TO BERE: dashboard.html (v3.10+). index.html še NE — portal ima svoj
   :root in ostane nedotaknjen do lupine. Ko pride ta na vrsto, se :root iz
   index.html izbriše in ostane samo ta datoteka.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* ── podlage ───────────────────────────────────────────────── */
  --paper:#EDF1F6;          /* ozadje strani            (portal: --bg)       */
  --card:#FFF;              /* kartica, panel           (portal: --surface)  */
  --soft:#F7F9FC;           /* vdrta ploskev            (portal: --surface2) */
  --soft2:#FBFCFE;          /* najtišja ploskev                              */
  --line:#DDE3EC;           /* obroba                   (portal: --border)   */

  /* ── besedilo ──────────────────────────────────────────────── */
  --ink:#17263D;            /* osnovno besedilo         (portal: --text)       */
  --muted:#65718A;          /* drugotno besedilo        (portal: --text-muted) */

  /* ── poudarek ──────────────────────────────────────────────── */
  --teal:#0F7A83;           /* poudarek                 (portal: --accent)   */
  --teal-dark:#0B5C63;      /* poudarek, temnejši (povezave)                 */
  --teal-soft:#E1F0F0;      /* poudarek, podlaga        (portal: --accent-bg)*/
  --violet:#6D4BC7;         /* drugi poudarek           (portal: --accent2)  */
  --violet-soft:#EDE7FA;

  /* ── stanja ────────────────────────────────────────────────── */
  --late:#C0433A;  --late-soft:#FBE9E7;   /* zamuja    (portal: --red)    */
  /* ZAHTEVA NI STANJE. --late pomeni ZAMUJA; ce bi pas zahteve nosil isto
     barvo, bi se bral kot se en rok. Rok postavi koledar, zahtevo postavi
     clovek — in samo clovekova zahteva brenci. Zato ima svoj par. */
  --zahteva:#9A3B1C;  --zahteva-soft:#FBEDE7;
  --near:#B06E12;  --near-soft:#FBF0DC;   /* opozorilo (portal: --yellow) */
  --ok:#2C7F52;    --ok-soft:#E4F2EA;     /* v redu    (portal: --green)  */

  /* ── faze terminskega plana ────────────────────────────────
     FAZA NI STANJE. Priprava ni opozorilo, javno naročilo ni zamuda
     in gradnja ni "v redu" — faze so si te tri barve doslej samo
     sposodile. Posledica je bila vidna na traku plana: Priprava
     (--near #B06E12, H 35°) je ob JN (--late #C0433A, H 4°) izgledala
     kot druga stopnja iste rdeče, ne kot druga faza (Pero, 7.8.2026).
     Odslej imajo faze svoja imena. --faza-j in --faza-g kažeta na isti
     vrednosti kot prej in stojita pri vzdevkih na <body>; --faza-p je
     lastna vrednost, pomaknjena v zlato rumeno (H 49°).
     V temni temi je --near že bil rumen (#f5c842) in tam se NIČ ne
     spremeni — razhajali sta se samo svetli barvi. */
  --faza-p:#D9B310;

  /* ── stranski pas ──────────────────────────────────────────── */
  --side-bg:#17263D; --side-tx:#C3D0E4; --side-lbl:#67799A;
  --side-hov:rgba(255,255,255,.06);

  /* ── oblika ────────────────────────────────────────────────── */
  --r:14px;                 /* radij                    (portal: --radius)   */
  --shadow:0 1px 2px rgba(23,38,61,.06),0 6px 18px rgba(23,38,61,.06);

  /* ── pisave ────────────────────────────────────────────────── */
  --font-ui:Inter,-apple-system,"Segoe UI",sans-serif;
  --font-head:"Bricolage Grotesque",Inter,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --pogodba-hi:rgba(15,122,131,.28);
}

/* ═══════════════════════════════════════════════════════════════════════
   BESEDNJAK PORTALA — vzdevki, ne kopije.

   POZOR NA MESTO: vzdevki stojijo na <body>, NE na :root. Spremenljivka
   z var() se razreši na elementu, KJER JE ZAPISANA. Če bi --surface:var(--card)
   stal na :root, bi se razrešil na #FFF in bi se ta vrednost podedovala
   naprej tudi pod body.t-dark — temna tema vzdevkov ne bi premaknila.
   Na <body> se razreši proti --card istega elementa, torej pravilno v obeh temah.

   Nove barve se tu NE dodajajo. Vsaka vrstica kaže na vrednost zgoraj.
   ═══════════════════════════════════════════════════════════════════════ */
body{
  --bg:var(--paper);
  --surface:var(--card);
  --surface2:var(--soft);
  --border:var(--line);
  --text:var(--ink);
  --text-muted:var(--muted);
  --accent:var(--teal);
  --accent2:var(--violet);
  --accent-bg:var(--teal-soft);
  --red:var(--late);
  --yellow:var(--near);
  --green:var(--ok);
  --radius:var(--r);
  /* faze: vzdevka stojita TU iz istega razloga kot besednjak portala —
     na :root bi se razrešila proti svetlim vrednostim in temna tema ju
     ne bi premaknila. --faza-p je lastna vrednost, zato je pri :root. */
  --faza-j:var(--late);
  --faza-g:var(--ok);
}

/* ═══════════════════════════════════════════════════════════════════════
   TEMNA — vrednosti so bile že prej vzete iz portalove temne teme
   (--paper = portalov --bg, --card = --surface, --teal = --accent …).
   Ujemanje je bilo doslej nezapisano; tu je izrecno.
   ═══════════════════════════════════════════════════════════════════════ */
body.t-dark{
  --paper:#0f1117; --card:#1a1d27; --soft:#20242f; --soft2:#1e2230;
  --line:rgba(255,255,255,.09);
  --ink:#e8eaf0; --muted:#8892aa;
  --teal:#4f8ef7; --teal-dark:#6ba3ff; --teal-soft:rgba(79,142,247,.16);
  --violet:#a78bfa; --violet-soft:rgba(167,139,250,.16);
  --late:#e05c7a; --late-soft:rgba(224,92,122,.14);
  --near:#f5c842; --near-soft:rgba(245,200,66,.13);
  /* Koralna se v temni temi dvigne, ker je v svetli nosila vlogo besedila na
     belem, tu pa nosi vlogo besedila na skoraj crnem. Podlaga gre v rgba iz
     istega razloga kot --late-soft in --near-soft. */
  --zahteva:#F0997B; --zahteva-soft:rgba(240,153,123,.14);
  --faza-p:#f5c842;   /* v temni temi nespremenjeno: tu razlike ni bilo */
  --ok:#3ecf8e;   --ok-soft:rgba(62,207,142,.14);
  --side-bg:#14161f; --side-tx:#9aa5bd; --side-lbl:#5d6880;
  --side-hov:rgba(255,255,255,.05);
  --shadow:0 1px 2px rgba(0,0,0,.3);
  --pogodba-hi:rgba(79,142,247,.42);
  /* vzdevkov tu ni treba ponavljati: stojijo na <body>, torej na TEM elementu,
     in se razrešijo proti temnim vrednostim zgoraj. */
}