/* Brand tokens — colors sampled programmatically from assets/images/lager-service-logo.png:
   navy #08406F (wordmark "SERVICE" + gear body), charcoal #5F6062 ("LAGER"),
   steel #939598 (tagline), gear gradient highlight ≈ #1068A0. */
:root{
  --navy-900:#062845;      /* deepest ink, hero overlays, footer, dark bands */
  --navy-700:#08406F;      /* brand primary (sampled from logo) */
  --navy-500:#1068A0;      /* gear highlight, interactive accents, focus ring */
  --steel-700:#5F6062;     /* logo "LAGER", secondary headings */
  --steel-400:#939598;     /* logo tagline, rules, muted text */
  --sheet-000:#FFFFFF;
  --sheet-050:#F5F6F7;     /* drafting sheet */
  --sheet-100:#E9EBED;
  --ink:#121417;           /* body text */
  --ok:#1F7A4D;
  --err:#B3261E;

  --font-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --font-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* samo tehničke oznake: godine, oznake referenci, brojevi telefona,
     indeksi sekcija, oznake u tabelama, brojač slajdova — nikada tekst */
  --font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono","Consolas",monospace;

  /* fluid type scale */
  --fs-900:clamp(3rem,7.8vw,7.4rem);
  --fs-800:clamp(2.4rem,5.5vw,4.8rem);
  --fs-700:clamp(1.8rem,3.4vw,3rem);
  --fs-600:clamp(1.25rem,1.8vw,1.5rem);
  --fs-500:1.125rem;
  --fs-400:1rem;
  --fs-300:.875rem;
  --fs-200:.75rem;

  --space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;
  --space-6:4rem;--space-7:6rem;--space-8:9rem;
  --container:min(100% - 2rem,1320px);
  --grid-line:rgba(8,64,111,.022);   /* fina mreza od 8 px */
  --grid-major:rgba(8,64,111,.055);   /* svaka osma linija nacrtnog lista */
  --radius:2px;
  --ease-mech:cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-1:180ms;--dur-2:320ms;--dur-3:600ms;--dur-4:1100ms;

  --header-h:88px;
  --header-h-small:64px;
}

/* Self-hosted Barlow / Barlow Condensed (woff2, latin + latin-ext for č ć đ š ž) */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;
  src:url("../assets/fonts/barlow-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;
  src:url("../assets/fonts/barlow-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;
  src:url("../assets/fonts/barlow-latin-500-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;
  src:url("../assets/fonts/barlow-latin-ext-500-normal.woff2") format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;
  src:url("../assets/fonts/barlow-latin-600-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;
  src:url("../assets/fonts/barlow-latin-ext-600-normal.woff2") format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;
  src:url("../assets/fonts/barlow-condensed-latin-500-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;
  src:url("../assets/fonts/barlow-condensed-latin-ext-500-normal.woff2") format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;
  src:url("../assets/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;
  src:url("../assets/fonts/barlow-condensed-latin-ext-700-normal.woff2") format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Self-hosted IBM Plex Mono (woff2, latin + latin-ext) — tehničke oznake */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-ext-500-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}