/* MCL DPP 2.0 — design tokens (javni sajt).
   Učitava se PRE ostalih stylesheet-ova na svim javnim stranicama.
   Alias mapa ispod koristi html:root (specifičnost 0,1,1 > :root 0,1,0),
   pa legacy var(--accent/--border/--muted/--heading) dobija vrednosti
   2.0 palete bez izmene hiljada selektora — uključujući i inline
   <style> :root blokove u pojedinim stranicama.
   Tamne sekcije (nav, .panel-dark, .strip, footer, hero CTA) koriste
   literale/gradijente (#0d3a45, #134e4a, #0f766e/#06b6d4) i ostaju
   deep teal — ovaj fajl ih ne dira. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --mcl-primary:#104C4A;
  --mcl-turquoise:#00BDB5;
  --mcl-accent:#08BD83;
  --mcl-bg:#F2F8FA;
  --mcl-surface:#FFFFFF;
  --mcl-surface-blue:#EAF7FA;
  --mcl-text:#153D50;
  --mcl-muted:#698397;
  --mcl-border:#D9E9ED;
  --mcl-radius:16px;
  --mcl-radius-lg:24px;
  --mcl-shadow:0 8px 30px rgba(16,76,74,.08);
  --mcl-glow:0 0 20px rgba(0,189,181,.12);
  --mcl-font:'Inter',sans-serif;
}

/* Legacy mapa — postojeći tokeni alijasiraju MCL DPP 2.0 vrednosti.
   html:root pobeđuje svaki kasniji :root (dashboard.css, inline <style>),
   bez obzira na redosled učitavanja. */
html:root{
  --accent:var(--mcl-turquoise);
  --border:var(--mcl-border);
  --muted:var(--mcl-muted);
  --heading:var(--mcl-text);
}

/* Inter na javnim stranicama; html body (0,0,2) pobeđuje body (0,0,1)
   iz dashboard.css i inline blokova. system-ui je prvi fallback ako je
   Google Fonts nedostupan (CSP/offline dev). */
html body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif}

/* Hover: meka senka + turquoise glow. mcl-premium.css kasnije
   prepisuje istom vrednošću — nema loma ni na stranicama bez njega. */
.card:hover{box-shadow:var(--mcl-shadow),var(--mcl-glow)}