/* ============================================================
   podsvincem.cz — DESIGN TOKENS (locked)
   Zdroj: design manuál D v2 „PREMIUM SVĚTLÝ" (/v2/design/d/tokens.css).
   Vybráno klientem 2026-09-22 spolu s layoutem a3 „Immersive".
   Tento soubor je jediný zdroj barev, typografie a rytmu webu.
   Nikdy nehardcoduj barvu v site.css — přidej sem token.
   2026-09-22: textové tokeny ztmaveny na WCAG AA (min 4,8:1 i na
   nejtmavším papíru) a minimální velikost písma zvednuta na 16 px.
   ============================================================ */
:root {
  /* -- color: core ----------------------------------------------- */
  --c-paper:   #f6f4ef;     /* teplý papír — pozadí */
  --c-paper-2: #efece4;     /* hlubší papír — střída sekcí */
  --c-surface: #ffffff;     /* karty, tabulky */
  --c-ink:     #191d24;     /* text */
  --c-ink-900: #101318;     /* nejtmavší — display na světlé */
  --c-muted:   #616463;    /* AA: 5.44 na paper, 4.85 i na nejtmavším panelu */
  --c-line:    #ddd8cd;
  --c-white:   #ffffff;

  /* -- color: brand ----------------------------------------------- */
  --c-brass:      #b08d57;  /* mosaz — linky, rámy */
  --c-brass-deep: #7c5f34;  /* tmavší mosaz — text-akcenty (AA: 5.39 na paper) */
  --c-sage:       #8c9a8c;

  /* -- color: functional ------------------------------------------- */
  --c-accent:        var(--c-brass);
  --c-accent-strong: var(--c-brass-deep);
  --c-free:     #537353;   /* AA 4.84 na paper */
  --c-reserved: #806838;   /* AA 4.83 na paper */
  --c-sold:     #6a6c6a;   /* AA 4.82 na paper */

  /* -- semantic surfaces (stále světlé) ----------------------------- */
  --c-panel-bg:    #ece7db;  /* hlubší papír — kontakt, masthead */
  --c-panel-text:  #191d24;
  --c-panel-muted: #616463;  /* shodné s --c-muted */

  /* -- typography ---------------------------------------------------- */
  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-text:    "Jost", system-ui, sans-serif;
  --fs-hero:  clamp(2.9rem, 1.3rem + 7vw, 5.4rem);
  --fs-h1:    clamp(2.2rem, 1.2rem + 4.6vw, 3.7rem);
  --fs-h2:    clamp(1.6rem, 1.2rem + 2vw, 2.5rem);
  --fs-h3:    1.3rem;
  --fs-lead:  clamp(1.1rem, 1rem + .5vw, 1.3rem);
  --fs-body:  1.0625rem;                             /* 17 px */
  --fs-small: 1rem;                                  /* 16 px — dřív 14 */
  --fs-caption: 1rem;                                /* 16 px — dřív 12,5 */
  --fs-num:   clamp(2.4rem, 1.6rem + 3vw, 4rem);
  --lh-tight: 1.1;
  --lh-body:  1.7;
  --ls-caps:  .22em;
  --fw-display: 500;
  --fw-bold:  500;

  /* -- spacing (extrémní vzduch) -------------------------------------- */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem;
  --sp-6: 3rem; --sp-8: 4rem; --sp-12: 6rem; --sp-16: 8rem;
  --section-y: clamp(4.5rem, 2.6rem + 9vw, 8.5rem);
  --container: 78rem;
  --container-narrow: 44rem;
  --gap-grid: clamp(1.25rem, 1rem + 1.6vw, 2.5rem);

  /* -- shape & elevation ------------------------------------------------ */
  --radius-s: 0px;
  --radius-m: 0px;
  --radius-pill: 99px;       /* pouze badge stavů parcel */
  --shadow-card:  0 1px 2px rgba(16,19,24,.05), 0 16px 40px rgba(16,19,24,.10);
  --shadow-float: 0 24px 64px rgba(16,19,24,.28);
  --focus-ring: 0 0 0 3px rgba(147,113,61,.40);

  /* -- imagery ------------------------------------------------------------ */
  /* denní letecké fotografie i rendery; overlay jemnější než C */
  --hero-overlay: linear-gradient(180deg,
    rgba(16,19,24,.22) 0%, rgba(16,19,24,.08) 40%, rgba(16,19,24,.62) 100%);
  --img-caption-bg: linear-gradient(180deg, transparent, rgba(16,19,24,.66));

  /* -- signatura: katalogové číslo ------------------------------------------ */
  --lot-rule: 1px solid var(--c-brass);  /* mosazná linka pod titulkem */
  --lot-rule-width: 3.5rem;              /* krátká, přesná */

  /* -- motion ----------------------------------------------------------------- */
  --ease: cubic-bezier(.25,.46,.45,.94);
  --t-fast: 200ms;
  --t-med:  420ms;
  --t-slow: 900ms;
  --reveal-y: 26px;
}

/* ============================================================
   Doplňky pro layout a3 „Immersive" — odvozené z manuálu D.
   Full-bleed pásy a plovoucí nav manuál D sám neřeší; hodnoty
   vycházejí z ink-900 (#101318) a paper (#f6f4ef), aby zůstal
   světlý rejstřík. Žádná tmavá SEKCE — jen overlay nad fotkou.
   ============================================================ */
:root {
  /* overlay nad full-bleed fotografií (zleva doprava, text vlevo) */
  --band-overlay: linear-gradient(90deg,
    rgba(16,19,24,.52) 0%, rgba(16,19,24,.16) 55%, rgba(16,19,24,0) 100%);
  /* plovoucí nav — papírové sklo, ne tmavá pilulka */
  --nav-glass:        rgba(246,244,239,.88);
  --nav-glass-border: rgba(16,19,24,.10);
  --nav-hover:        rgba(16,19,24,.06);
  /* lightbox — jediné místo, kde smí být plocha tmavá (overlay, ne sekce) */
  --lb-backdrop: rgba(16,19,24,.94);
}