/* ==========================================================================
   zd-foundation.css — design tokeni, Zlatiborski dom
   Učitava se POSLE svih Mobirise stilova. Bez !important.
   Scope: sve je vezano za .zd-v2 na <body>, pa netaknute stranice ostaju iste.
   ========================================================================== */

:root{
  /* --- površine --- */
  --zd-bg:            #FAF7F2;
  --zd-surface:       #F1ECE3;
  --zd-surface-deep:  #1C1A17;

  /* --- tekst --- */
  --zd-ink:           #1C1A17;
  --zd-ink-soft:      #5B564C;
  --zd-ink-invert:    #F1ECE3;

  /* --- akcent --- */
  --zd-accent:        #A9832E;   /* na svetloj podlozi */
  --zd-accent-dark:   #8A6A22;   /* kad zlatna mora da nosi sitan tekst */
  --zd-gold-on-dark:  #D8B035;   /* na fotografiji / tamnoj podlozi — ista nijansa kao logo */
  --zd-accent-soft:   rgba(169,131,46,.12);

  /* --- linije --- */
  --zd-line:          #DDD6C7;
  --zd-line-strong:   #C9C0AC;
  --zd-line-on-dark:  rgba(255,255,255,.22);

  /* --- tipografija ---
     Font tokeni (--zd-font-display / --zd-font-body / --zd-font-script) NISU
     ovde nego u assets/custom/zd-typography.css, jer 161 legacy stranica
     učitava taj fajl a ovaj ne. Ovde ostaju samo skala i ritam. */

  --zd-fs-hero:  clamp(2.4rem, 4.6vw, 4.25rem);
  --zd-fs-h2:    clamp(1.5rem, 2.5vw, 2.125rem);
  --zd-fs-lead:  clamp(1rem, 1.15vw, 1.1875rem);
  --zd-fs-body:  1rem;
  --zd-fs-small: .875rem;
  --zd-fs-micro: .75rem;

  --zd-lh-tight: 1.12;
  --zd-lh-body:  1.65;
  --zd-ls-eyebrow: .14em;

  /* --- razmaci --- */
  --zd-1:.25rem; --zd-2:.5rem;  --zd-3:.75rem; --zd-4:1rem;  --zd-5:1.5rem;
  --zd-6:2rem;   --zd-7:3rem;   --zd-8:4rem;   --zd-9:6rem;  --zd-10:8rem;
  --zd-gutter: clamp(1.25rem, 4vw, 4rem);

  /* --- širine --- */
  --zd-max-content: 1280px;
  --zd-max-wide:    1560px;
  --zd-max-prose:   62ch;

  /* --- radijusi i senke --- */
  --zd-radius-sm: 2px;
  --zd-radius:    3px;
  --zd-shadow-sm: 0 1px 2px rgba(28,26,23,.04);
  --zd-shadow:    0 4px 16px rgba(28,26,23,.06);

  /* --- navigacija --- */
  --zd-nav-h:        88px;
  --zd-nav-h-mobile: 64px;

  /* --- kretanje --- */
  --zd-t-fast: .2s;
  --zd-t:      .3s;
  --zd-ease:   cubic-bezier(.2,.6,.2,1);
}

/* Fokus — sajt do sada nije imao nijedno :focus-visible pravilo. */
.zd-v2 :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline: 2px solid var(--zd-accent);
  outline-offset: 3px;
  border-radius: var(--zd-radius-sm);
}
.zd-v2 .zd-on-dark :where(a,button,[tabindex]):focus-visible{
  outline-color: var(--zd-gold-on-dark);
}

/* Poštovanje korisničke postavke za smanjeno kretanje. */
@media (prefers-reduced-motion: reduce){
  .zd-v2 *,
  .zd-v2 *::before,
  .zd-v2 *::after{
    animation-duration: .01ms;
    animation-iteration-count: 1;
    transition-duration: .01ms;
    scroll-behavior: auto;
  }
}

/* Pomoćne klase */
.zd-v2 .zd-visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}