/* ==========================================================================
   tokens.css — dizajnová identita "Blanc"
   Svetlý editorial: teplý papier, hlboká atramentová čierna, zlato-taupe akcent
   ========================================================================== */

:root {
  /* --- Farby ---
     Neutrálna monochromatická paleta podľa referencie: farbu na stránku
     prinášajú výhradne fotografie, rozhranie ostáva čiernobiele. */
  --c-paper:      #F7F6F4;  /* hlavné pozadie — neutrálna off-white */
  --c-paper-alt:  #EDECE9;  /* alternatívny povrch */
  --c-paper-deep: #DFDEDA;  /* najtmavší svetlý povrch */
  --c-ink:        #171717;  /* text, tmavé sekcie */
  --c-ink-soft:   #6B6B6B;  /* sekundárny text — kontrast 4.9:1 na papieri */
  --c-line:       rgba(23, 23, 23, 0.13);
  --c-line-soft:  rgba(23, 23, 23, 0.06);
  --c-accent:     #8A8A85;  /* neutrálny akcent — 3.1:1 na papieri, len veľký text a tvary */
  --c-on-ink:     #F2F1EF;  /* text na tmavom pozadí */
  --c-on-ink-soft:rgba(242, 241, 239, 0.62);

  /* --- Typografia --- */
  /* Jedna rodina na celý web — referencia stavia hierarchiu na váhe a veľkosti,
     nie na kombinácii serif + sans. Jost zvláda slovenskú diakritiku správne. */
  --font-display: 'Jost', 'Avenir Next', 'Helvetica Neue', sans-serif;
  --font-body:    'Jost', 'Avenir Next', 'Helvetica Neue', sans-serif;

  --text-display: clamp(2.75rem, 6.4vw, 6rem);
  --text-h1:      clamp(2.25rem, 5.2vw, 4.5rem);
  --text-h2:      clamp(1.875rem, 3.8vw, 3.25rem);
  --text-h3:      clamp(1.375rem, 2vw, 1.75rem);
  --text-lead:    clamp(1.0625rem, 1.4vw, 1.25rem);
  --text-base:    1.0625rem;   /* 17px */
  --text-sm:      0.9375rem;   /* 15px */
  --text-xs:      0.8125rem;   /* 13px */
  --text-eyebrow: 0.75rem;     /* 12px — vždy uppercase + tracking */

  --lh-display: 1.02;
  --lh-heading: 1.12;
  --lh-body:    1.65;

  --ls-display: -0.022em;
  --ls-eyebrow: 0.26em;
  --ls-button:  0.14em;

  --w-light:   300;
  --w-normal:  400;
  --w-medium:  500;
  --w-display: 200;  /* veľké nadpisy — tenké, ako v referencii */
  --w-display-sm: 300;  /* menšie nadpisy (h3) — 200 by bolo pri tejto veľkosti príliš slabé */

  /* --- Spacing (4px base) --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --section-y:  clamp(5rem, 10vw, 9rem);
  --gutter:     clamp(1.5rem, 5vw, 4.5rem);
  --container:  1280px;
  --measure:    62ch;

  /* --- Ostatné --- */
  --radius:     2px;
  --radius-lg:  4px;
  --header-h:   84px;

  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:   180ms;
  --dur:        280ms;
  --dur-slow:   520ms;

  --shadow-soft: 0 24px 60px -30px rgba(31, 27, 24, 0.35);
}

@media (max-width: 767px) {
  :root {
    --header-h: 68px;

    /* Na úzkom displeji sa text kopí do dlhého stĺpca. Menšie písmo, tesnejšie
       riadkovanie a kratšie odsadenie sekcií stránku výrazne skrátia — a pritom
       nič nezmizne, len sa to ináč vysadí. */
    --text-base: 1rem;
    --text-sm:   0.875rem;
    --text-lead: 1rem;
    --lh-body:   1.55;
    --section-y: 3.5rem;
  }
}

/* ==========================================================================
   Témy služieb — každá podstránka má vlastnú teplotu, aby bolo aj v strede
   stránky jasné, ktorá služba sa číta. Ostáva to v neutrálnej palete:
   mení sa len tón alternatívneho povrchu a akcentu, nie základ.
   Kontrast preverený: sekundárny text 4,56:1 na alt povrchu, akcent 3,2:1.
   ========================================================================== */

.theme-fotenie {
  --c-paper-alt:  #ECEEEE;  /* chladná šedá */
  --c-paper-deep: #DDE0E0;
  --c-accent:     #7F8486;  /* 3,5:1 na papieri — len veľký text a tvary */
}

.theme-makeup {
  --c-paper-alt:  #F3ECE6;  /* teplý piesok */
  --c-paper-deep: #E4D9CF;
  --c-accent:     #95796B;  /* 3,7:1 na papieri */
}