/* ==========================================================================
   00-variables.css
   Centrální design tokeny (barvy, typografie, rozměry).
   Hodnoty odvozeny z referenčního návrhu reference/navrh-uvodni-stranky.png.
   Změnou hodnot zde se upraví vzhled celé stránky.
   ========================================================================== */

:root {
  --pk-color-primary: #263B4D;
  --pk-color-primary-hover: #1B2C3B;
  --pk-color-secondary: #516C83;
  --pk-color-muted-heading: #4F657C;
  --pk-color-light: #EAF1F5;
  --pk-color-light-alt: #E6EEF3;
  --pk-color-soft: #F5F7F8;
  --pk-color-white: #FFFFFF;
  --pk-color-text: #172838;
  --pk-color-text-body: #4A5868;
  --pk-color-text-secondary: #5B6A7A;
  --pk-color-border: #D5DFE6;
  --pk-color-tag-bg: #D9E4EB;
  --pk-color-tag-text: #455E74;
  --pk-color-footer: #253847;
  --pk-color-footer-text: #C3CFD8;
  --pk-color-focus: #3D7CB8;
  --pk-font-serif: "Source Serif 4", "Libre Baskerville", Georgia, "Times New Roman", serif;
  --pk-font-sans: "Inter", "Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
  --pk-fs-body: 1rem;
  --pk-fs-small: 0.875rem;
  --pk-fs-xs: 0.8125rem;
  --pk-fs-eyebrow: 0.6875rem;
  --pk-fs-hero: clamp(2.5rem, 0.9rem + 4.4vw, 4.625rem);
  --pk-fs-hero-lead: clamp(1.0625rem, 1rem + 0.2vw, 1.125rem);
  --pk-fs-h2: clamp(1.625rem, 1.3rem + 0.8vw, 2rem);
  --pk-fs-h3: 1.125rem;
  --pk-lh-tight: 1.12;
  --pk-lh-heading: 1.2;
  --pk-lh-body: 1.6;
  --pk-ls-caps: 0.14em;
  --pk-container-max: 1320px;
  --pk-gutter: 16px;
  --pk-header-height: 80px;
  --pk-section-py: clamp(2rem, 1.6rem + 1vw, 2.5rem);
  --pk-radius: 2px;
  --pk-radius-card: 3px;
  --pk-shadow-sm: 0 1px 2px rgba(23, 40, 56, 0.06);
  --pk-shadow-card: 0 6px 18px rgba(23, 40, 56, 0.08);
  --pk-shadow-cover: 0 8px 20px rgba(23, 40, 56, 0.18);
  --pk-transition: 0.2s ease;
}