/* ==========================================================================
   EMN Slovenia — oblikovni žetoni (design tokens), v2
   Skladno z EMN Visual Identity Guidelines v7.0 (NCP/nacionalni režim).
   Font: Verdana primarna (glavni naslovi) / Arial sekundarna (podnaslovi, telo).
   ========================================================================== */

:root {
  /* --- EMN primarne barve --- */
  --emn-ibiza:  #007BBD;
  --emn-cyan:   #009FE3;
  --emn-navy:   #071D49;
  --emn-yellow: #FDC600;

  /* --- EMN sekundarne (serije v grafih, tipi/teme) --- */
  --emn-red:    #D1431A;
  --emn-salmon: #FFAD8C;
  --emn-aqua:   #9CDBD9;
  --emn-teal:   #00857C;
  --emn-indigo: #504ABF;
  --emn-lilac:  #B4B0FF;

  /* --- EMN terciarne (poudarki) --- */
  --emn-magenta:#9E2F88;
  --emn-pink:   #F5ABD0;
  --emn-gold:   #C78500;
  --emn-sky:    #69CAFF;

  /* --- tipi publikacij (semantični vzdevki sekundarne palete) --- */
  --s-study:  var(--emn-indigo);
  --s-report: var(--emn-teal);
  --s-info:   var(--emn-ibiza);
  --s-adhoc:  var(--emn-magenta);

  /* --- nevtralne (navy-tonirane, brez čiste črne/bele) --- */
  --ink:        #0E1B33;
  --ink-soft:   #4A5670;
  --ink-faint:  #5A6A85;   /* WCAG AA: 4.88:1 na --bg-tint, 5.48:1 na beli */
  --ink-mute:   var(--ink-faint);
  --line:       #E4EAF2;
  /* obroba interaktivnih elementov (polja, gumbi, oblački):
     4,03:1 na beli in 3,59:1 na svetlo modri — WCAG 2.2 zahteva najmanj 3:1 (1.4.11).
     Svetli --line ostane za okrasne ločnice in obrobe kartic. */
  --line-ui:    #737F96;
  --line-soft:  #EEF3F9;
  --surface:    #ffffff;
  --bg:         #F5F8FC;
  --bg-soft:    var(--bg);
  --bg-tint:    #EAF3FB;
  --bg-tint2:   #DBEBFA;
  --navy-2:     #0c264f;

  /* --- akcent (LOCK: en akcent za celo stran) --- */
  --accent:        var(--emn-ibiza);
  --accent-strong: #00639a;
  --accent-ink:    #ffffff;

  /* --- tipografija (EMN NCP: primarni Verdana, sekundarni Arial) ---
     Verdana (primarna) nosi GLAVNE naslove (h1, h2) in velika števila;
     Arial (sekundarna) nosi PODNASLOVE (h3, h4), telo besedila in UI.
     Obe pisavi se uporabljata v več debelinah/slogih (regular, bold, italic),
     ne le krepko povsod. */
  --font-display: Verdana, "Helvetica Neue", Helvetica, sans-serif;
  --font-body: Arial, Verdana, sans-serif;
  --font: var(--font-body);
  --fw-normal: 400;
  --fw-bold: 700;

  /* fluid type scale */
  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.86rem);
  --step-0:  clamp(0.95rem, 0.92rem + 0.2vw, 1.05rem);
  --step-1:  clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --step-2:  clamp(1.5rem, 1.3rem + 1vw, 2.05rem);
  --step-3:  clamp(1.95rem, 1.6rem + 1.8vw, 3rem);
  --step-4:  clamp(2.4rem, 1.9rem + 2.8vw, 4rem);

  /* --- prostorska lestvica --- */
  --sp-1: 0.375rem; --sp-2: 0.625rem; --sp-3: 1rem; --sp-4: 1.5rem;
  --sp-5: 2.25rem; --sp-6: 3.5rem;  --sp-7: 5rem;   --sp-8: 7rem;
  --container: 1200px;
  --gutter: clamp(1.1rem, 4vw, 2rem);

  /* --- oblika (SHAPE LOCK): zaobljeno povsod, gumbi/čipi polno zaobljeni --- */
  --r-sm: 10px;
  --r: 18px;
  --r-lg: 24px;
  --pill: 999px;
  /* stara imena kot vzdevki (združljivost) */
  --r-input: var(--r-sm);
  --r-card: var(--r);
  --r-media: var(--r-lg);
  --r-pill: var(--pill);

  /* --- sence (tonirane v navy, brez čiste črne) --- */
  --shadow-1: 0 1px 2px rgba(7,29,73,.05);
  --shadow-2: 0 6px 16px rgba(7,29,73,.07), 0 2px 4px rgba(7,29,73,.04);
  --shadow-3: 0 18px 44px rgba(7,29,73,.12), 0 6px 14px rgba(7,29,73,.06);

  /* --- gibanje --- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: .15s;
  --dur-2: .2s;
  --dur-3: .3s;

  --focus: 0 0 0 3px rgba(0,159,227,.45);
  --ring: 0 0 0 4px rgba(0,159,227,.16);
}