/* ============================================================================
   AMADO — dizajn tokeni
   Paleta je doslovno iz brend kita: šumska zelena, krem i bijela. Ništa izvan toga.
   ==========================================================================*/

:root {
  /* --- Boje ------------------------------------------------------------- */
  --forest:        #053220;
  --forest-deep:   #032217;   /* footer, slojevi preko fotografija */
  --forest-soft:   #0A422B;   /* kartice, hover podloge */
  --forest-line:   #0E4D33;

  --bone:          #F3E8D3;
  --bone-warm:     #EFE1C7;   /* suptilna varijacija papira */
  --white:         #FFFFFF;

  /* Tekst na tamnoj podlozi */
  --on-dark:       var(--bone);
  --on-dark-soft:  rgb(243 232 211 / .66);
  --on-dark-faint: rgb(243 232 211 / .40);
  --hair-dark:     rgb(243 232 211 / .16);

  /* Tekst na svijetloj podlozi */
  --on-light:      var(--forest);
  --on-light-soft: rgb(5 50 32 / .70);
  --on-light-faint:rgb(5 50 32 / .42);
  --hair-light:    rgb(5 50 32 / .14);

  --focus:         #F3E8D3;

  /* --- Tipografija ------------------------------------------------------ */
  /* Audrey nema Č/Ć/Đ ni ćirilicu — Jost hvata te znakove per-glyph. */
  --font-display: "Audrey", "Jost", "Josefin Sans", Optima, Candara, sans-serif;
  --font-body:    "Montserrat", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;

  --step--2: clamp(.6875rem, .66rem + .12vw, .75rem);
  --step--1: clamp(.8125rem, .79rem + .12vw, .875rem);
  --step-0:  clamp(1rem, .96rem + .18vw, 1.125rem);
  --step-1:  clamp(1.125rem, 1.05rem + .34vw, 1.375rem);
  --step-2:  clamp(1.5rem, 1.3rem + .9vw, 2.125rem);
  --step-3:  clamp(2rem, 1.55rem + 2.1vw, 3.5rem);
  --step-4:  clamp(2.5rem, 1.6rem + 4.2vw, 5.5rem);
  --step-5:  clamp(3.25rem, 1.6rem + 7.4vw, 8rem);

  /* Optički tracking — što je veće, to je uže. */
  --track-display: .06em;
  --track-title:   .10em;
  --track-label:   .28em;
  --track-button:  .18em;

  --leading-tight: 1.06;
  --leading-title: 1.12;
  --leading-body:  1.78;
  --measure:       64ch;

  /* --- Prostor ---------------------------------------------------------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;    --sp-10: 8rem;

  --gutter:   clamp(1.25rem, 4.4vw, 4.5rem);
  --shell:    90rem;   /* 1440 */
  --content:  75rem;   /* 1200 */
  --section:  clamp(5.5rem, 11vw, 11.5rem);

  --grid-gap: clamp(1rem, 2.2vw, 2rem);

  /* --- Pokret ----------------------------------------------------------- */
  --ease:        cubic-bezier(.16, 1, .3, 1);
  --ease-inout:  cubic-bezier(.65, .05, .36, 1);
  --spring:      linear(0,.0064 1.7%,.0248 3.5%,.0929 6.9%,.3363 15.1%,.4213 17.8%,.4979,.5689,.6329,.6906 26.2%,.7439,.7911,.8329 32.2%,.8686,.8994,.9255 38.1%,.9473,.9655,.9797 44.4%,.9911 47.9%,.9995 52.4%,1.0053 57.5%,1.0086 63.6%,1.0084 76.5%,1.0018 96.5%,1);
  --dur-1: 220ms;  --dur-2: 380ms;  --dur-3: 620ms;  --dur-4: 900ms;

  /* --- Ostalo ----------------------------------------------------------- */
  --header-h: clamp(4.25rem, 6vw, 5.5rem);
  --radius-pill: 999px;
  --radius-sm: 2px;

  /* Filmska zrnatost preko tamnih površina. */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 1ms; --dur-2: 1ms; --dur-3: 1ms; --dur-4: 1ms; }
}