/* Nature Glamping & Pool : dizajn tokeni
   Paleta izvedena iz fotografija: toplo drvo A-frame kućica, tamni metalni
   krovovi, zelenilo vrta. Executor koristi ISKLJUČIVO ove varijable,
   nikakve hardkodirane boje u komponentama. */

:root {
  /* Boje */
  --c-wood: #b07d4a;          /* toplo drvo, primarni akcent */
  --c-wood-dark: #8a5a2e;     /* tamnije drvo, hover stanja */
  --c-charcoal: #23282d;      /* tamni metal krovova, header i footer */
  --c-ink: #1d2126;           /* glavni tekst */
  --c-green: #4a7c46;         /* zelenilo, sekundarni akcent (uspjeh, ikone) */
  --c-green-soft: #eaf2e6;    /* blijeda zelena pozadina sekcija */
  --c-cream: #faf6f0;         /* topla pozadina stranice */
  --c-white: #ffffff;
  --c-line: #e5ddd2;          /* rubovi kartica */
  --c-error: #b3402f;

  /* Tipografija (Google Fonts, self-host u assets/fonts/) */
  --font-display: "Fraunces", Georgia, serif;      /* naslovi */
  --font-body: "Inter", -apple-system, sans-serif; /* tekst i UI */

  --fs-hero: clamp(2.2rem, 5.5vw, 4rem);
  --fs-h2: clamp(1.6rem, 3.2vw, 2.4rem);
  --fs-h3: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --lh-body: 1.65;

  /* Razmaci i mreža */
  --space-section: clamp(3.5rem, 8vw, 7rem);
  --space-card: 1.75rem;
  --container: 1160px;
  --radius: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 30px rgba(29, 33, 38, 0.08);
  --shadow-lift: 0 14px 44px rgba(29, 33, 38, 0.14);

  /* Prijelazi */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 180ms var(--ease);
  --t-med: 320ms var(--ease);
}

/* Pravila upotrebe:
   - Pozadina stranice: --c-cream. Header i footer: --c-charcoal s bijelim tekstom.
   - Primarni CTA gumb: --c-wood pozadina, bijeli tekst, --radius-pill,
     hover --c-wood-dark s blagim podizanjem (translateY(-2px) + --shadow-lift).
   - Naslovi: --font-display. Sve ostalo: --font-body.
   - Sekcije se izmjenjuju: cream, white, green-soft, nikad dvije iste zaredom.
   - Fotografije: --radius zaobljenje, object-fit cover, lazy loading.
   - Fokus stanja: 2px outline --c-green s offsetom 2px, radi pristupačnosti. */