/* ═══════════════════════════════════════════════════════
   KOUSKYSVETA DESIGN SYSTEM — TOKENY (CSS proměnné)
   ───────────────────────────────────────────────────────
   JEDINÝ ZDROJ PRAVDY pro barvy, spacing, typografii, radius,
   shadow, fonty. Nikde jinde tokeny nedefinuj — ani inline
   v HTML, ani v Elementoru. Vše ostatní sem jen odkazuje.

   Načítá se globálně přes plugin modul DesignSystem.
   Bundle pro Elementor Custom CSS se generuje skriptem:
     node scripts/build.mjs
   ═══════════════════════════════════════════════════════ */

:root {
  /* ── BARVY ── */
  --color-primary: #D2843D;
  --color-primary-hover: #C6782F;
  --color-primary-light: #F3E0CD;
  --color-secondary: #7FB069;
  --color-secondary-hover: #6CA054;
  --color-secondary-light: #D2E3CA;
  --color-text: #000000;
  --color-text-invert: #ffffff;
  --color-grey: #7A7A7A;
  --color-grey-accent: #54595F;
  --color-grey-light: #F2F2F2;
  --color-bg: #ffffff;
  --color-overlay-light: #0000004F;
  --color-overlay-dark: #000000A1;

  /* ── SPACING (fluid) ── */
  --s-2xs: clamp(0.25rem, 0.2rem + 0.2vw, 0.4rem);
  --s-xs: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);
  --s-sm: clamp(0.75rem, 0.6rem + 0.4vw, 1rem);
  --s-md: clamp(1rem, 0.8rem + 0.6vw, 1.5rem);
  --s-md-lg: clamp(1.25rem, 1rem + 0.7vw, 1.75rem);
  --s-lg: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  --s-xl: clamp(2rem, 1.5rem + 1vw, 3rem);
  --s-2xl: clamp(3rem, 2rem + 2vw, 4rem);
  --s-3xl: clamp(3.5rem, 2.5rem + 2.5vw, 4rem);
  --s-4xl: clamp(4rem, 3rem + 3vw, 4rem);

  /* ── TYPOGRAFIE (fluid) ── */
  --t-xs: clamp(0.75rem, 0.65rem + 0.2vw, 0.875rem);
  --t-sm: clamp(0.875rem, 0.8rem + 0.3vw, 1rem);
  --t-md: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --t-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --t-xl: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --t-2xl: clamp(1.5rem, 1.2rem + 1.1vw, 2.1rem);
  --t-3xl: clamp(1.8rem, 1.4rem + 1.6vw, 2.6rem);
  --t-4xl: clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);

  /* ── BORDER RADIUS ── */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --radius-xl: 50px;

  /* ── SHADOWS ── */
  --shadow-s: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-m: 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-l: 0 14px 40px rgba(0, 0, 0, 0.08);

  /* ── LAYOUT ── */
  --container: 1270px;
  --max-width: 1170px;

  /* ── FONTS ── */
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  /* ── STAVOVÉ / OSTATNÍ ── */
  --color-error: #9b2226;
  --color-success: #7FB069;
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --min-touch: 44px;
}