/* ==========================================================================
   DUBROVNIK EXPO dizajn sustav (TEMELJ, izradio Fable 5, NE MIJENJATI)
   Recept: muzza.hr design DNA prenesen na EXPO brand boje.
   Princip: tamna baza + 2 akcenta + radius 24 + valoviti divideri.
   ========================================================================== */

:root {
  /* Baza: duboka navy, nikad cisto crna. Sekcije se razlikuju
     gradijent overlayima, ne promjenom pozadinske boje. */
  --bg: #081226;
  --bg-2: #0D1B33;
  --bg-3: #122544;

  /* EXPO brand plave (iz NEXT EXPO vizuala) */
  --navy: #1F3A5F;
  --blue: #2E6DB4;
  --blue-bright: #4D9DE0;   /* linkovi i hover */
  --light: #CCE5F7;

  /* Akcenti: naranca nosi brojke, CTA i naglaske. Zlato SAMO za
     jubilarno peto izdanje i nagrade, nigdje drugdje. */
  --accent: #FF8A2B;
  --accent-soft: #FFB25E;
  --gold: #C9A227;

  /* Tekst */
  --text: #F4F8FD;
  --text-soft: #C7D6EA;     /* podnaslovi na tamnom */
  --text-muted: #8FA3C0;    /* meta info, potpisi citata */

  /* Gradijenti (kutevi po muzza receptu 154deg i 236deg) */
  --grad-section: linear-gradient(154deg, rgba(46,109,180,0.45) 6%, rgba(8,18,38,0.95) 55%);
  --grad-overlay: linear-gradient(236deg, rgba(46,109,180,0.68) 0%, rgba(8,18,38,0.92) 100%);
  --grad-cta: linear-gradient(135deg, #FF8A2B 0%, #FFB25E 100%);

  /* Geometrija */
  --radius: 24px;           /* globalna konstanta: kartice, slike, gumbi */
  --radius-sm: 12px;        /* inputi, mali chipovi */
  --container: 1200px;
  --section-pad: clamp(64px, 10vw, 128px);

  /* Tipografija.
     Display (naslovi sekcija): IBM Plex Sans 500/600, negativan letter-spacing.
     Hero i veliki brojevi: Archivo Narrow 700 UPPERCASE, samo hero i statistike.
     Body: Archivo 400/500. Sve self-hosted woff2 u /assets/fonts/. */
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-hero: "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;

  --fs-hero: clamp(3rem, 9vw, 7rem);          /* hero naslov */
  --fs-h2: clamp(2.2rem, 5vw, 3.4rem);        /* naslov sekcije, ls -0.02em */
  --fs-h3: clamp(1.3rem, 2.5vw, 1.75rem);
  --fs-stat: clamp(3rem, 6vw, 5rem);          /* brojke, uvijek --accent */
  --fs-label: 0.85rem;                        /* uppercase etikete sekcija */
  --fs-body: 1.06rem;
  --lh-body: 1.7;

  /* Animacije: JEDAN dosljedan entry efekt za sve (fadeInUp),
     trigger IntersectionObserver, threshold 0.15 */
  --anim-dur: 0.7s;
  --anim-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --anim-rise: 36px;
}

/* --------------------------------------------------------------------------
   PRAVILA UPOTREBE (za executora, doslovno postovati):

   1. Pozadina cijelog weba je --bg. Sekcije NIKAD ne mijenjaju pozadinsku
      boju direktno, razlikuju se preko --grad-section overlaya ili
      pozadinske fotke s --grad-overlay preko nje.
   2. Etiketa sekcije: uppercase, --fs-label, letter-spacing 0.18em,
      boja --light, iznad svakog naslova sekcije (NASA MISIJA, ZONE, ARHIVA...).
   3. Naslovi sekcija: --font-display, weight 600, letter-spacing -0.02em.
      Hero naslov: --font-hero, 700, uppercase, letter-spacing -0.01em.
   4. Brojke statistike: --font-hero, --fs-stat, boja --accent, sufiks (+)
      u --accent-soft. Opis ispod u --text-muted.
   5. border-radius: SVE kartice, slike, videi i gumbi koriste --radius.
      Inputi i chipovi --radius-sm. Nista drugo.
   6. Gumbi: primarni je --grad-cta pozadina + tamni tekst #081226 weight 600.
      Sekundarni je transparent + 1.5px border --blue-bright + tekst --light,
      na hover se puni s rgba(77,157,224,0.12).
   7. Linkovi u tekstu: --blue-bright, hover --accent-soft.
   8. Foto kartice: fotka + --grad-overlay preko nje + bijeli tekst.
      Tekst NIKAD direktno na fotki bez overlaya.
   9. Valoviti SVG divideri izmedju sekcija: boja iducece sekcije,
      razvuceni na 150% sirine (blagi val), visina 80-160px.
  10. Entry animacija: klasa .anim (opacity 0, translateY(var(--anim-rise)))
      prelazi u .anim.in (opacity 1, translateY(0)) za --anim-dur --anim-ease.
      Stagger unutar grida: transition-delay 0.08s po elementu, max 0.4s.
      Uz prefers-reduced-motion: reduce sve animacije iskljucene.
  11. Zlato --gold SAMO za oznaku 5. jubilarnog izdanja u arhivi.
  12. Kontrast: sav tekst na tamnom minimalno AA (--text-muted je donja granica,
      koristiti samo za sporedno).
   -------------------------------------------------------------------------- */