/* Tokeni klijentskog sajta — site-tokens version: 4.
 * Ugrađeni base64 zapis fontova zamijenjen je putanjama do
 * `sekcije/fonts/` (UPUTA, poglavlje „Fontovi"). Fraunces je izbačen:
 * naslovi ovog sajta idu na Nunito, pa serif nema šta da radi u paketu.
 *
 * Boje firme (`--primary`, `--accent`, `--accent-strong`, `--accent-soft`)
 * prepisane su prema logotipu: crvena i skoro-crna.
 */

@font-face {
  font-family: 'Nunito Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/nunito-latin-wght-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: 'Nunito Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/nunito-latin-ext-wght-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: 'Inter Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-latin-wght-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: 'Inter Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-latin-ext-wght-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;
}

:root {
  /* ---------- širina i vertikalni ritam ---------- */
  --container: 1140px;
  --container-narrow: 780px;
  --sec-y: 5rem;
  --sec-y-tight: 3rem;
  --gutter: 1.25rem;

  /* ---------- skala razmaka ---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* ---------- boje ---------- */
  --bg: #ffffff;
  --bg-alt: #f4f4f5;
  --surface: #ffffff;
  --fg: #0f1110;
  --fg-muted: #4a4d4c;
  --fg-subtle: #7c8180;
  --border: #e3e3e4;
  --overlay: rgb(0 0 0 / 0.45);

  /* ---------- boje firme (logotip GDL) ---------- */
  --primary: #0f1110;
  --primary-fg: #ffffff;
  --accent: #fa2b2d;
  --accent-fg: #ffffff;
  --accent-strong: #d01517;
  --accent-soft: #ffecec;
  --sand: #efe4d6;

  /* srebrna iz logotipa — koristi se za sitne oznake */
  --silver: #9aa0a6;

  /* ---------- tipografija ---------- */
  --font-sans:
    'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto,
    'Helvetica Neue', sans-serif;
  --font-display:
    'Nunito Variable', Nunito, ui-rounded, 'Segoe UI', system-ui, sans-serif;
  --font-display-rounded:
    'Nunito Variable', Nunito, ui-rounded, 'Segoe UI', system-ui, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --leading-tight: 1.15;
  --leading-normal: 1.6;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --tracking-tight: -0.02em;

  /* ---------- radijusi, visine, sjenke ---------- */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.75rem;
  --radius-full: 999rem;
  --control-h: 2.75rem;
  --header-h: 4.5rem;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
  --shadow-md: 0 8px 24px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 24px 60px rgb(0 0 0 / 0.12);

  /* ---------- pokret ---------- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration: 240ms;
  --duration-slow: 480ms;
}