/* ============================================================
   ŠUMAVA GLASS — brand design tokens (UI/UX redesign F1-01)
   Jeden zdroj pravdy pro celý ekosystém: sumava.eu · webcam ·
   počasí (Vercel) · uzdravuje. Master doc: UI_UX_SUMAVA.md
   v1.0 · 2026-06-10 · Po změně bumpni ?v= u <link>!
   ============================================================ */

/* ---------- Typografie: Inter Variable (UI/text) + Playfair Display Variable (display) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/playfair-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/playfair-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ---------- Tokeny ---------- */
:root{
  /* Barvy — jádro brandu */
  --les:#17462F;            /* les, důvěra — primární */
  --les-svetly:#1a5c3a;
  --zlato:#c9a84c;          /* slunce, prémium — sekundární */
  --zivot:#3ddc78;          /* JEDEN akcent: CTA, live, zdraví/longevity (most HEALS #34c759 × počasí #c0ff45) */
  --noc:#0a0f1a;            /* dark plocha */
  --noc-hluboka:#05060b;
  --svetlo:#f8f5f0;         /* light plocha (cream homepage) */
  --text-dark:#e8f0f8;      /* text na tmavé */
  --text-light:#1a1a1a;     /* text na světlé */
  --text-mut:rgba(255,255,255,.72);

  /* Glass — mlha (vzor: Vercel počasí mapa) */
  --mlha:rgba(18,20,28,.55);
  --mlha-husta:rgba(18,20,28,.78);
  --mlha-svetla:rgba(255,255,255,.08);
  --glass-stroke:rgba(255,255,255,.14);
  --glass-blur:24px;
  --glass-sat:180%;

  /* Hloubka (depth) — z-výška panelu = blur + stín (AR/spatial ready) */
  --depth-1:0 2px 8px rgba(0,0,0,.25);
  --depth-2:0 8px 28px rgba(0,0,0,.35);
  --depth-3:0 18px 56px rgba(0,0,0,.5);

  /* Typo stacky */
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-display:'Playfair Display',Georgia,serif;

  /* Fluid typography */
  --fs-base:clamp(16px,1vw + 12px,18px);
  --fs-h1:clamp(28px,4vw + 8px,52px);
  --fs-h2:clamp(22px,2.6vw + 6px,34px);
  --fs-small:clamp(12px,.8vw + 9px,14px);

  /* Spacing + radius */
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:40px; --sp-6:64px;
  --r-s:10px; --r-m:16px; --r-l:24px; --r-pill:999px;
}

/* P3 wide-gamut (moderní displeje, brýle) */
@supports (color: color(display-p3 0 0 0)){
  :root{
    --zivot:color(display-p3 .24 .86 .47);
    --zlato:color(display-p3 .78 .66 .31);
  }
}

/* ---------- Glass utility ---------- */
.sg-glass{
  background:var(--mlha);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
  border:1px solid var(--glass-stroke);
  border-radius:var(--r-m);
  box-shadow:var(--depth-2);
}
.sg-glass--deep{ background:var(--mlha-husta); box-shadow:var(--depth-3); }
.sg-glass--lite{ background:var(--mlha-svetla); box-shadow:var(--depth-1); }

/* ---------- Accessibility (F1-07) ---------- */
@media (prefers-reduced-transparency: reduce){
  .sg-glass,.sg-glass--deep,.sg-glass--lite{
    -webkit-backdrop-filter:none; backdrop-filter:none;
    background:rgba(12,14,20,.96);
  }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* ---------- View Transitions (F1-06) — plynulé přechody mezi stránkami (progressive enhancement) ---------- */
@view-transition{ navigation:auto; }