/* Tokeni klijentskog sajta — site-tokens version: 4.
 * Ugradjeni @font-face zapisi su izbaceni: pisma ucitava assets/css/fonts.css
 * (Nunito + Inter, podskupljeni). Cetiri boje brenda su iz logotipa ordinacije.
 */
/*
 * site-tokens version: 4
 *
 * Tokeni KLIJENTSKIH sajtova (Z102, `docs/24-SEKCIJE.md` §2.6). Ovo NIJE tema
 * aplikacije — ta je u `src/index.css` i sa ovim fajlom nema veze.
 *
 * Postoji tačno JEDAN ovakav fajl i zajednički je svim klijentskim sajtovima.
 * Sekcije ga nikad ne nose sa sobom; `build-project-package` (Z104) ga stavlja
 * u `sekcije/tokens.css` i tek tu upisuje `--primary` i `--accent` iz boja
 * firme. Zato su te dvije vrijednosti ovdje NAMJERNO NEUTRALNE: ovaj zadatak ne
 * bira paletu, samo drži skalu.
 *
 * Izmjena ovog fajla mijenja izgled SVIH budućih sajtova odjednom. Zato broj
 * verzije stoji u prvoj liniji i upisuje se u `SEKCIJE.md` paketa — da se za
 * pola godine zna po kojoj je verziji koji sajt napravljen.
 *
 * `src/lib/site-tokens.ts` nosi isti popis imena u TypeScriptu, jer validator
 * mora raditi i u Deno-u gdje se `.css` ne uvozi. Test ih drži spojenim.
 */

:root {
  /* ---------- širina i vertikalni ritam ---------- */
  /* Svaka sekcija koristi ISTI kontejner i ISTI razmak na vrhu i dnu (§2.3). */
  --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 ---------- */
  /* Naizmjeničnu pozadinu dodjeljuje sastavljač, ne sekcija (§2.3) — zato
   * postoje dvije, i zato ih sekcija ne smije birati sama. */
  --bg: #F8FAF9;
  --bg-alt: #EFF4F3;
  /* Podloga kartica i traka koje moraju „iskočiti" iz pozadine. */
  --surface: #ffffff;
  --fg: #1B2233;
  --fg-muted: #55606F;
  /* Treći nivo teksta: potpisi ispod brojki, sitne napomene. */
  --fg-subtle: #7D8794;
  --border: #DDE5E3;
  --overlay: rgb(0 0 0 / 0.45);

  /*
   * JEDINE KOJE SE MIJENJAJU PO KLIJENTU. Vrijednosti ispod su podrazumijevane
   * (iz prvog nacrta, Z104a) i služe da pregled izgleda kao sajt dok boja firme
   * ne stigne; `build-project-package` (Z104) ih prepisuje bojama iz
   * enrichmenta. `--accent-strong` i `--accent-soft` se izvode iz `--accent` i
   * moraju se prepisati zajedno s njim — inače sajt dobije tuđu nijansu hovera.
   *
   * ČETIRI IZVEDENE VRIJEDNOSTI ISPOD SU IZLAZ `brandTokens` (Z104), ne izbor
   * oka: `brand-tokens.test.ts` ih poredi sa formulom i pada ako se razidu. Bez
   * toga bi pregled u sastavljaču crtao jednu nijansu hovera, a paket drugu nad
   * istim akcentom.
   */
  --primary: #2B2E86;
  --primary-fg: #ffffff;
  --accent: #2F7263;
  --accent-fg: #ffffff;
  /* Tamnija za :hover, svijetla za podloge značaka i mrlja iza teksta. */
  --accent-strong: #22574B;
  --accent-soft: #E4F0ED;
  /* Topla neutralna površina — placeholderi slika, dekorativni prelivi. */
  --sand: #E4F0ED;

  /* ---------- tipografija ---------- */
  /*
   * FONTOVI SE NE UČITAVAJU SA CDN-a (§2.5). Dok fajlovi ne uđu u paket (Z104),
   * sajt crta rezervni niz — Fraunces, Nunito i Inter se koriste ako postoje
   * lokalno.
   *
   * DVA PISMA NASLOVA, JEDNO TIJELA (Z185). Tijelo je Inter na svakom sajtu; kod
   * naslova izbor postoji, jer isto pismo ne odgovara i estetskoj ordinaciji i
   * dječijoj. Oba fajla su u SVAKOM paketu — izbor se donosi tek pri izradi
   * sajta, po tipu prakse, i opisan je u `UPUTA.md` paketa:
   *
   *   --font-display          Fraunces, serif  → estetska, ortodoncija (premium)
   *   --font-display-rounded  Nunito, zaobljen → opšta, porodična, dječija
   *
   * `--font-display` OSTAJE Fraunces i poslije Z185, iako je opšta praksa češća:
   * mijenjanje zatečene vrijednosti bi promijenilo izgled svakog pregleda u
   * sastavljaču i svake sekcije koja token čita nevezano. Uputa ionako imenuje
   * oba, pa „zadano" ovdje nikome nije jedini oslonac.
   */
  --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;
}

/* Boje firme — upisao `build-project-package` (Z104).
 * Izvedene nijanse se mijenjaju SAMO zajedno sa akcentom.
 */
:root {
  --primary: #2B2E86;
  --primary-fg: #ffffff;
  --accent: #2F7263;
  --accent-fg: #ffffff;
  --accent-strong: #22574B;
  --accent-soft: #E4F0ED;
}