/* STEKLO · skupni zetoni (24.9.2026, agent 1 · luply-1f)
   Tai izbral (prototipi/druzine-steklo3, E1): srednji zeleno-siv ton sekcije + svetlo steklo nad njim.
   Steklo je vidno samo nad vsebino, zato sodita skupaj: --glass-tone (ozadje sekcije) in --glass-* (plosca).
   Uporabljajo: kartice #druzine (druzine.css), "Kaj vse delamo" (agent 2). Spremembe samo prek agenta 1. */
:root{
  /* ozadje sekcije: zeleno-siv preliv, svetlejse zgoraj levo, rahel zelen sij desno spodaj, temnejse spodaj */
  --glass-tone-a:#C9D2C3;
  --glass-tone-b:#AFBBAB;
  --glass-tone:
    radial-gradient(60% 70% at 18% 20%,rgba(255,255,255,.34),rgba(255,255,255,0) 70%),
    radial-gradient(45% 55% at 78% 72%,rgba(3,99,212,.20),rgba(3,99,212,0) 70%),
    radial-gradient(70% 60% at 50% 110%,rgba(40,60,40,.16),rgba(40,60,40,0) 70%),
    linear-gradient(160deg,var(--glass-tone-a) 0%,var(--glass-tone-b) 100%);

  /* plosca: svetlo steklo (recept design.dev, prilagojen svetlemu tonu) */
  --glass-bg:radial-gradient(ellipse 130% 90% at 50% 0%,rgba(255,255,255,.74) 0%,rgba(255,255,255,.52) 45%,rgba(255,255,255,.42) 100%);
  --glass-bg-hover:radial-gradient(ellipse 130% 90% at 50% 0%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.6) 45%,rgba(255,255,255,.5) 100%);
  --glass-filter:blur(28px) saturate(160%);
  --glass-shadow:0 22px 50px -18px rgba(20,35,20,.32),0 2px 6px rgba(20,35,20,.08),
    inset 0 0 16px rgba(255,255,255,.45),inset 0 -1px 1px rgba(255,255,255,.5),inset 0 1px 1px rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.6);
  /* sij od zgoraj (::before, mix-blend-mode:screen) in rob (::after) */
  --glass-sheen:radial-gradient(ellipse 110% 60% at 50% -12%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 70%);
  --glass-rim:inset 0 0 0 .5px rgba(255,255,255,.85),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.35);

  /* crte in pilule na steklu / tonu */
  --glass-line:rgba(14,19,16,.09);
  --glass-line-soft:rgba(14,19,16,.06);
  --glass-track:rgba(14,19,16,.08);
  --glass-pill-bg:rgba(255,255,255,.42);
  --glass-pill-line:rgba(255,255,255,.7);
  --glass-pill-filter:blur(14px) saturate(150%);
  /* PRELIVI MED SEKCIJAMI (Tai 24.9.: vse sekcije mejijo s prelivom, ne z ravnim robom; receptura agenta 2 iz "Kaj vse delamo"):
     smoothstep v 10 stopih, v oklab; v pasu prehoda NI teksture, samo enakomerna barva.
     --fade-top-*: vrh sekcije, barva soseda nad njo -> prozorno (priporoceno 210 px).
     --fade-to-*:  dno sekcije, prozorno -> barva soseda pod njo, smoothstep^1.6 (Tai izbral 28 px svetlo -> temno, vzorec C). */
  --fade-top-white:linear-gradient(180deg in oklab,rgb(255 255 255 / 1.0) 0.0%,rgb(255 255 255 / 0.966) 11.1%,rgb(255 255 255 / 0.874) 22.2%,rgb(255 255 255 / 0.741) 33.3%,rgb(255 255 255 / 0.583) 44.4%,rgb(255 255 255 / 0.417) 55.6%,rgb(255 255 255 / 0.259) 66.7%,rgb(255 255 255 / 0.126) 77.8%,rgb(255 255 255 / 0.034) 88.9%,rgb(255 255 255 / 0.0) 100.0%);
  --fade-top-soft:linear-gradient(180deg in oklab,rgb(244 245 241 / 1.0) 0.0%,rgb(244 245 241 / 0.966) 11.1%,rgb(244 245 241 / 0.874) 22.2%,rgb(244 245 241 / 0.741) 33.3%,rgb(244 245 241 / 0.583) 44.4%,rgb(244 245 241 / 0.417) 55.6%,rgb(244 245 241 / 0.259) 66.7%,rgb(244 245 241 / 0.126) 77.8%,rgb(244 245 241 / 0.034) 88.9%,rgb(244 245 241 / 0.0) 100.0%);
  --fade-to-white:linear-gradient(180deg in oklab,rgb(255 255 255 / 0.0) 0.0%,rgb(255 255 255 / 0.005) 11.1%,rgb(255 255 255 / 0.036) 22.2%,rgb(255 255 255 / 0.115) 33.3%,rgb(255 255 255 / 0.247) 44.4%,rgb(255 255 255 / 0.422) 55.6%,rgb(255 255 255 / 0.619) 66.7%,rgb(255 255 255 / 0.806) 77.8%,rgb(255 255 255 / 0.946) 88.9%,rgb(255 255 255 / 1.0) 100.0%);
  --fade-to-soft:linear-gradient(180deg in oklab,rgb(244 245 241 / 0.0) 0.0%,rgb(244 245 241 / 0.005) 11.1%,rgb(244 245 241 / 0.036) 22.2%,rgb(244 245 241 / 0.115) 33.3%,rgb(244 245 241 / 0.247) 44.4%,rgb(244 245 241 / 0.422) 55.6%,rgb(244 245 241 / 0.619) 66.7%,rgb(244 245 241 / 0.806) 77.8%,rgb(244 245 241 / 0.946) 88.9%,rgb(244 245 241 / 1.0) 100.0%);
  --fade-to-ink:linear-gradient(180deg in oklab,rgb(14 19 16 / 0.0) 0.0%,rgb(14 19 16 / 0.005) 11.1%,rgb(14 19 16 / 0.036) 22.2%,rgb(14 19 16 / 0.115) 33.3%,rgb(14 19 16 / 0.247) 44.4%,rgb(14 19 16 / 0.422) 55.6%,rgb(14 19 16 / 0.619) 66.7%,rgb(14 19 16 / 0.806) 77.8%,rgb(14 19 16 / 0.946) 88.9%,rgb(14 19 16 / 1.0) 100.0%);
  --fade-to-mn:linear-gradient(180deg in oklab,rgb(22 36 26 / 0.0) 0.0%,rgb(22 36 26 / 0.005) 11.1%,rgb(22 36 26 / 0.036) 22.2%,rgb(22 36 26 / 0.115) 33.3%,rgb(22 36 26 / 0.247) 44.4%,rgb(22 36 26 / 0.422) 55.6%,rgb(22 36 26 / 0.619) 66.7%,rgb(22 36 26 / 0.806) 77.8%,rgb(22 36 26 / 0.946) 88.9%,rgb(22 36 26 / 1.0) 100.0%);
  /* vrh svetle sekcije pod temno (npr. "Kdo smo" pod referencami): temno -> prozorno, zrcalno od --fade-to-ink, 28 px */
  --fade-from-ink:linear-gradient(180deg in oklab,rgb(14 19 16 / 1.0) 0.0%,rgb(14 19 16 / 0.946) 11.1%,rgb(14 19 16 / 0.806) 22.2%,rgb(14 19 16 / 0.619) 33.3%,rgb(14 19 16 / 0.422) 44.4%,rgb(14 19 16 / 0.247) 55.6%,rgb(14 19 16 / 0.115) 66.7%,rgb(14 19 16 / 0.036) 77.8%,rgb(14 19 16 / 0.005) 88.9%,rgb(14 19 16 / 0.0) 100.0%);
  /* dno svetle sekcije pred zakljucnim pozivom (.final.sec-ink = #0A2147, --ink-surface-2), enaka krivulja kot --fade-to-ink */
  --fade-to-ink2:linear-gradient(180deg in oklab,rgb(22 28 24 / 0.0) 0.0%,rgb(22 28 24 / 0.005) 11.1%,rgb(22 28 24 / 0.036) 22.2%,rgb(22 28 24 / 0.115) 33.3%,rgb(22 28 24 / 0.247) 44.4%,rgb(22 28 24 / 0.422) 55.6%,rgb(22 28 24 / 0.619) 66.7%,rgb(22 28 24 / 0.806) 77.8%,rgb(22 28 24 / 0.946) 88.9%,rgb(22 28 24 / 1.0) 100.0%);
}