/* ═══════════════════════════════════════════════════════════════
   Biroplast Solutions — V2 design tokens
   Uradna CGP paleta (nadomešča vse prejšnje približke).
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* ── uradne CGP barve ─────────────────────────────────────── */
  --lime:   #abd039;
  --green:  #18a54b;
  --cyan:   #17b9ec;
  --blue:   #047bc1;
  --navy:   #334861;   /* primarna temno modra — struktura/ozadje */
  --navy-deep: #263a4f; /* izpeljana temnejša za globino/gradiente */
  --navy-mid:  #3d5570; /* izpeljana svetlejša za sloje na navy */

  /* nadaljevanje 20 — dva NOVA tonalna nivoja med obstoječimi svetlimi
     toni (--surface-alt/--ice/--ice-deep/--mid/--mid-deep) in temnim
     --navy, po Aleševem brifu "GLOBALNI POPRAVEK — VEČ KONTRASTA, MANJ
     MONOTONOSTI": obstoječa 3-stopenjska svetla lestvica ni imela
     dovolj "razpona" do pravega temnega trenutka — manjkala je (a) še
     ena, globlja svetla stopnja ("STRONG TECH", Alešev priporočen
     približek #C9D9E3/#BDD2DE) in (b) prava VMESNA temno-svetla stopnja
     ("steel blue", Alešev opis: "nekje med #33495F in #8FAFC0, NE skoraj
     črn navy") za posamezne močnejše "conversion moment" sekcije, ki naj
     ne bodo tako temne kot --navy, a vseeno jasno temnejše od svetlega
     dela strani. --steel/--steel-deep sta izračunana kot zmes obstoječe
     --navy/--navy-deep proti Aleševi lastni svetlejši referenčni točki
     (~35 %/~20 % proti #8FAFC0) — ne povsem nova, izmišljena barva. */
  --strong:      #c9d9e3; /* LEVEL 3 "STRONG TECH" — globlji od --mid-deep */
  --strong-deep: #bdd2de;
  --steel:       #53698a; /* "steel blue" — pravi vmesni temno-svetel ton za STRONG CONTRAST sekcije */
  --steel-deep:  #455d74;

  /* odobreni gradienti (uporabljaj selektivno, ne na vsaki sekciji) */
  --grad-green: linear-gradient(135deg, var(--lime), var(--green));
  --grad-blue:  linear-gradient(135deg, var(--cyan), var(--blue));

  /* nevtralne barve */
  --ink:    #17222e;   /* glavno besedilo na svetlem */
  --muted:  #5b6b7c;   /* sekundarno besedilo na svetlem */
  --muted-on-navy: #aebdcc;
  --line:   rgba(23,34,46,.10);
  --line-on-navy: rgba(255,255,255,.14);
  --surface: #ffffff;
  --surface-alt: #f5f7f9;
  --surface-navy: var(--navy);

  /* tipografija */
  --fh: 'Exo 2', sans-serif;   /* naslovi — Medium/Heavy hierarhija DIN Next W1G */
  --fb: 'Barlow', sans-serif;  /* telo/UI — Regular/Medium */

  /* velikostna lestvica (fluidna) */
  --fs-hero:    clamp(42px, 5vw, 72px);
  --fs-h1:      clamp(34px, 3.6vw, 52px);
  --fs-h2:      clamp(28px, 3vw, 42px);
  --fs-h3:      clamp(20px, 1.6vw, 24px);
  --fs-lead:    clamp(17px, 1.4vw, 20px);
  --fs-body:    16px;
  --fs-small:   14px;
  --fs-micro:   13px;

  /* razmiki (8px baza) */
  --sp-1: 8px;  --sp-2: 16px; --sp-3: 24px; --sp-4: 32px;
  --sp-5: 48px; --sp-6: 64px; --sp-7: 96px; --sp-8: 128px;

  /* postavitev */
  --container: 1280px;
  --container-narrow: 840px;
  --gutter: 24px;
  --r-sm: 8px; --r: 12px; --r-lg: 20px; --r-xl: 28px;

  /* senca — zmerna, ne dekorativna */
  --sh-sm: 0 2px 8px rgba(23,34,46,.06);
  --sh-md: 0 10px 30px rgba(23,34,46,.08);
  --sh-lg: 0 24px 60px rgba(23,34,46,.14);

  /* gibanje */
  --ease-premium: cubic-bezier(.22,.61,.36,1);
  --dur-fast: .2s;
  --dur-med: .45s;
  --dur-slow: .7s;
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast:0s; --dur-med:0s; --dur-slow:0s; }
}