/* =========================================================
   Čebelarstvo Orel – oblikovalni žetoni (tokens)
   Prenos v WP: vsebina gre v theme.json / style.css podrejene teme.
   ========================================================= */

/* --- Pisave --------------------------------------------------------
   Naslovi: Awesome Lathusca (Kulokale Studio, komercialna pisava).
   OPOMBA: pred javno objavo preveriti, ali licenca vključuje spletno uporabo (webfont).
   Pisava ima samo eno debelino – razpon 400–700 prepreči umetno odebelitev. */
@font-face {
  font-family: "Orel Naslovi";
  src: url("../fonts/AwesomeLathusca-Regular.woff2") format("woff2");
  font-weight: 400 700; font-style: normal;
  size-adjust: 118%;   /* pisava je ožja in nižja od prejšnje začasne – velikosti v slogih ostanejo enake */
  font-display: swap;
}
@font-face {
  font-family: "Orel Naslovi";
  src: url("../fonts/AwesomeLathusca-Italic.woff2") format("woff2");
  font-weight: 400 700; font-style: italic;
  size-adjust: 118%;
  font-display: swap;
}
/* Commissioner – priložene datoteke (OFL), podmnožica latin + latin-ext */
@font-face { font-family: "Commissioner"; src: url("../fonts/Commissioner-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Commissioner"; src: url("../fonts/Commissioner-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Commissioner"; src: url("../fonts/Commissioner-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

/* Stran ima eno (svetlo) barvno podobo po potrjenem dizajnu. */
:root {
  color-scheme: light;

  /* Barve znamke (potrjene) */
  --c-zelena: #1b341a;
  --c-krem: #f6f6dd;
  --c-zlata: #cca148;

  /* Barvna podoba landinga */
  --c-oranzna: #ee6410;          /* poudarki v naslovih, aktivni gumbi */
  --c-oranzna-temna: #be5301;    /* polni gumbi */
  --c-oranzna-svetla: #fed7a0;   /* krogi korakov */
  --c-rumena: #ffc120;           /* gumb v uvodni pasici */
  --c-ozadje: #fcfbf7;           /* osnovno ozadje */
  --c-ozadje-toplo: #faf4e8;     /* pas vrednot, sekcija znanje */
  --c-kartica: #fdf9f1;
  --c-pill: #f6efe1;
  --c-crta: #eedfc8;
  --c-naslov: #1f150c;
  --c-besedilo: #2f2a33;
  --c-besedilo-blago: #5a5058;
  --c-noga: #3f1e08;
  --c-noga-besedilo: #f3e7d6;
  --c-bela: #ffffff;
  --c-senca: rgba(63, 30, 8, .12);

  /* Tipografija */
  --f-naslovi: "Orel Naslovi", Georgia, serif;
  --f-besedilo: "Commissioner", "Segoe UI", system-ui, sans-serif;

  --fs-h1: clamp(2.6rem, 1.5rem + 5vw, 6.5rem);
  --fs-h2: clamp(2.1rem, 1.5rem + 2.6vw, 3.55rem);
  --fs-h3: clamp(2rem, 1.55rem + 1.7vw, 3.1rem);
  --fs-korak: clamp(1.6rem, 1.3rem + 1.1vw, 2.3rem);
  --fs-uvod: clamp(1.2rem, 1.05rem + .75vw, 1.7rem);
  --fs-besedilo: clamp(1.0625rem, 1rem + .25vw, 1.125rem);   /* 17 → 18 px */
  --fs-majhno: .9375rem;
  --fs-gumb: 1.0625rem;               /* gumbi, izbire */
  --fs-nadnaslov: .8125rem;

  /* Razmiki in oblike */
  --sirina: 1440px;                 /* glavni container */
  --sirina-ozka: 1100px;            /* izbirnik medu */
  --rob: max(20px, env(safe-area-inset-left, 0px), 3.5vw);
  --rob-d: max(20px, env(safe-area-inset-right, 0px), 3.5vw);
  /* višine valovitih prehodov (umirjene glede na izvorni SVG) */
  --val-home: calc(100vw * 170 / 1920);
  --val-top: calc(100vw * 112 / 1920);
  --val-bottom: calc(100vw * 80 / 1920);
  --val-podstran: calc(100vw * 90 / 1920);
  --sekcija: clamp(3rem, 1.8rem + 4.5vw, 6rem);
  --r-gumb: 999px;
  --r-kartica: 12px;
  --prehod: .2s ease;
}