/* ============================================================
   TOKENS — Blitz & Glanz Gebäudereinigung
   Dizajnerski jezik prenesen iz allys.mu reference:
   duboka navy + staro zlato, Cormorant Garamond + Nunito Sans,
   easing cubic-bezier(.22,1,.36,1), kontejner 80rem.
   ============================================================ */
:root {
  /* Boje — osnovna paleta */
  --c-navy: #243462;          /* primarna, ~10.9:1 na bijelom */
  --c-navy-soft: #35477d;
  --c-dark: #040813;          /* skoro crna navy — tamne sekcije */
  --c-gold: #BBA339;          /* akcenat: dugmad, ornamenti, na tamnom */
  --c-gold-bright: #E4CE4A;   /* hover zlato */
  --c-gold-deep: #8A7726;     /* eyebrow tekst na svijetlom (nikad #BBA339 kao tekst na bijelom) */
  --c-ink: #222222;
  --c-body: #3d4354;
  --c-paper: #ffffff;
  --c-paper-warm: #f6f4ee;    /* topla bjelina za naizmjenične sekcije */
  --c-border: #1c19171a;      /* kamena hairline linija */
  --c-field-border: #6E7A96;  /* okvir polja forme — zaključana vrijednost */

  /* Alfa slojevi */
  --a-white-10: #ffffff1a;
  --a-white-20: #ffffff33;
  --a-white-30: #ffffff4d;
  --a-white-70: #ffffffb3;
  --a-black-10: #0000001a;
  --a-black-15: #00000026;
  --a-black-50: #00000080;

  /* Tipografija */
  --ff-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ff-body: "Nunito Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-h1: clamp(2.6rem, 1.5rem + 4.6vw, 4.75rem);
  --fs-h2: clamp(2.1rem, 1.5rem + 2.4vw, 3.4rem);
  --fs-h3: clamp(1.35rem, 1.15rem + .8vw, 1.8rem);
  --fs-lead: clamp(1.06rem, 1rem + .35vw, 1.28rem);
  --lh-tight: 1.05;
  --lh-body: 1.6;
  --ls-display: -.02em;
  --ls-caps: .24em;

  /* Layout */
  --container: 80rem;
  --container-narrow: 46rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(4.5rem, 3.5rem + 5vw, 8rem);
  --h-header: 4.25rem;

  /* Oblici i sjene */
  --r-sm: .375rem;
  --r-md: .75rem;
  --r-pill: 9999px;
  --shadow-soft: 0 10px 30px -12px #00000026;
  --shadow-card: 0 16px 40px -20px #00000040;

  /* Animacija */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --t-fast: .25s;
  --t-slow: .6s;

  /* Z-skala */
  --z-skip: 200;
  --z-mobilebar: 130;
  --z-whatsapp: 120;
  --z-header: 100;
  --z-panel: 90;
}