/* ============================================================
   G&T Talent Radar – Brand tokens v2
   Usklađeno s gt.hr (assets/css/brand.css v2): duboki navy,
   topli gold, visokokontrastni serif. Zamjenjuje staru
   slate/Montserrat paletu naslijeđenu iz Zyro Buildera.

   Dva sloja:
     1. KANONSKI tokeni – isti nazivi i vrijednosti kao na gt.hr.
     2. ALIASI – stari nazivi koje site.css već koristi, sada
        preslikani na novu paletu. Zato rebrand ne traži
        prepisivanje svakog selektora.
   Ne izmišljaj nove boje ovdje; izvedi ih iz ovih.
   ============================================================ */

:root {
  /* ---------- 1. KANONSKI TOKENI (identični gt.hr) ---------- */

  /* Core paleta - v3, usklađeno s Talent Radar mockupima.
     Navy je produbljen i ohlađen, akcent prelazi s golda na bronzu
     (#b8975a -> #b9825a: ista obitelj, topliji i zasićeniji). */
  --navy:        #061826;  /* primarna tamna - hero, footer, tamne trake */
  --navy-deep:   #030f1a;  /* dublje, za slojevanje unutar navy */
  --navy-soft:   #081f33;  /* podignute kartice na navy */
  --gold:        #b9825a;  /* brand akcent - bronza/copper */
  --gold-bright: #d9a37c;  /* bronza na tamnom, gdje kontrast treba podići */
  --gold-deep:   #8e5c38;  /* bronza na svijetlom, AA-siguran za tekst */

  /* Neutralci: hladni i tihi. Mockup traži bijele kartice na blago
     plavkastoj podlozi, ne topli cream. */
  --cream:       #f7f8fa;  /* soft background */
  --cream-soft:  #fbfcfd;
  --white:       #ffffff;
  --card:        #ffffff;
  --line:        rgba(15, 35, 55, 0.12);   /* subtle border iz mockupa */
  --line-strong: rgba(15, 35, 55, 0.20);
  --line-dark:   rgba(217, 163, 124, 0.20); /* vlas na navy */

  /* Tekst */
  --ink:         #102033;  /* naslovi + tijelo na svijetlom */
  --muted:       #6b7280;  /* sekundarno na svijetlom */
  --on-navy:     #eef2f6;  /* tijelo na navy */
  --muted-navy:  #9fb0c2;  /* sekundarno na navy */

  /* Tipografija – display serif nosi brand, sans ostaje tih ispod. */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Fluidna skala – clamp() pa mobitel ne treba media query */
  --t-hero:   clamp(2.25rem, 1.4rem + 3.6vw, 4.25rem);
  --t-h2:     clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
  --t-h3:     clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --t-stat:   clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --t-body:   1.0625rem;
  --t-small:  0.875rem;
  --t-micro:  0.75rem;

  /* Razmaknuta mikro-verzalna – potpisni detalj kolaterala */
  --track-eyebrow: 0.22em;

  /* Razmaci (baza 8px) */
  --s-1: 0.5rem;  --s-2: 1rem;   --s-3: 1.5rem;
  --s-4: 2rem;    --s-5: 3rem;   --s-6: 4rem;
  --s-7: 6rem;    --s-8: 8rem;

  /* Oblik: zaobljeno, kako traže mockupi. Prije je bilo gotovo
     pravokutno (4px/2px) - uredničke estetike. Sada je proizvodno. */
  --r-card: 16px;
  --r-btn:  10px;
  --r-img:  14px;
  --r-panel: 20px;   /* velike plohe: hero panel, filter sidebar */

  /* Sjene: diskretne, ali prisutne. Kartica se mora odvojiti od
     podloge bez da izgleda kao da lebdi. */
  --shadow-card:  0 1px 2px rgba(6, 24, 38, 0.04), 0 4px 16px -8px rgba(6, 24, 38, 0.10);
  --shadow-hover: 0 2px 4px rgba(6, 24, 38, 0.06), 0 18px 40px -20px rgba(6, 24, 38, 0.22);
  --shadow-panel: 0 4px 12px rgba(6, 24, 38, 0.06), 0 32px 64px -32px rgba(6, 24, 38, 0.35);

  --wrap:        1160px;
  --wrap-narrow: 720px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);


  /* ---------- 2. ALIASI ZA POSTOJEĆI site.css ----------
     Stari nazivi ostaju živi, ali sada pokazuju na novu paletu.
     Bez ovoga bi svaka var(--slate), var(--charcoal) i var(--paper)
     u site.css ostala nedefinirana i pala na početnu vrijednost. */

  /* Tamna podloga: nekad charcoal #21272e, sada navy. */
  --charcoal:   var(--navy);

  /* Akcent: nekad plavkasti slate #617da1, sada bronza.
     Ovo je jedina promjena koja mijenja "boju" cijele stranice. */
  --slate:      var(--gold);
  --slate-050:  #f2f4f7;   /* hladna podloga za chipove i consent blok */
  --slate-100:  #e2e6ec;   /* rub tih elemenata */
  --slate-700:  var(--gold-deep);  /* tekst na tim podlogama, AA-siguran */

  /* Svijetla izmjenična traka: nekad hladni #f7f8f9, sada cream. */
  --paper:      var(--cream);

  /* Sekundarni tekst na tamnom. */
  --muted-dark: var(--muted-navy);

  /* Primarni gumb na svijetlom. */
  --btn:        var(--navy);
  --btn-hover:  var(--navy-deep);

  /* site.css koristi --font za body. */
  --font:       var(--font-body);

  /* Chipovi prate uredničku geometriju, ne pilule. */
  --r-chip:     8px;

  /* Modal je jedina komponenta s izraženom sjenom. */
  --shadow-modal: 0 24px 64px rgba(16, 28, 44, 0.28);
}

/* Poštuj korisnike koji traže manje animacije. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}