/* ============================================================
   KWP Brand — Base tokens (společné pro light + dark + všechny varianty)
   Verze: 1.0
   Datum: 2026-05-19

   Tyto tokeny se NEMĚNÍ ani v zákaznickém theming — definují geometrii,
   typografii a chování UI. Barvy jsou v tokens-light.css / tokens-dark.css.
   ============================================================ */

:root {
  /* Typografie ------------------------------------------------ */
  --kwp-font-heading: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --kwp-font-body:    'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --kwp-font-mono:    'JetBrains Mono', 'Cascadia Code', 'Consolas', monospace;

  /* Typografická škála (velikosti) */
  --kwp-fs-display:    56px;
  --kwp-fs-h1:         36px;
  --kwp-fs-h2:         28px;
  --kwp-fs-h3:         22px;
  --kwp-fs-h4:         18px;
  --kwp-fs-body:       16px;
  --kwp-fs-small:      14px;
  --kwp-fs-caption:    12px;
  --kwp-fs-code:       14px;

  /* Váhy fontu */
  --kwp-fw-regular:    400;
  --kwp-fw-medium:     500;
  --kwp-fw-semibold:   600;
  --kwp-fw-bold:       700;
  --kwp-fw-extrabold:  800;

  /* Line heights */
  --kwp-lh-tight:      1.2;
  --kwp-lh-normal:     1.5;
  --kwp-lh-relaxed:    1.7;

  /* Letter spacing */
  --kwp-ls-tight:      -0.02em;
  --kwp-ls-normal:     0;
  --kwp-ls-wide:       0.05em;
  --kwp-ls-wider:      0.1em;

  /* Geometrie ----------------------------------------------- */
  --kwp-radius-xs:     4px;
  --kwp-radius-sm:     6px;
  --kwp-radius-md:     8px;
  --kwp-radius-lg:     12px;
  --kwp-radius-xl:     16px;
  --kwp-radius-pill:   999px;
  --kwp-radius-circle: 50%;

  /* Spacing (4px base scale) */
  --kwp-sp-1:  4px;
  --kwp-sp-2:  8px;
  --kwp-sp-3:  12px;
  --kwp-sp-4:  16px;
  --kwp-sp-5:  20px;
  --kwp-sp-6:  24px;
  --kwp-sp-8:  32px;
  --kwp-sp-10: 40px;
  --kwp-sp-12: 48px;
  --kwp-sp-16: 64px;

  /* Stíny ----------------------------------------------------- */
  --kwp-shadow-sm:  0 1px 2px rgba(15,21,53,0.06);
  --kwp-shadow-md:  0 4px 8px rgba(15,21,53,0.08), 0 1px 2px rgba(15,21,53,0.04);
  --kwp-shadow-lg:  0 8px 24px rgba(15,21,53,0.12), 0 2px 4px rgba(15,21,53,0.06);
  --kwp-shadow-xl:  0 16px 48px rgba(15,21,53,0.15);

  /* Tranzice ------------------------------------------------- */
  --kwp-transition-fast:  120ms ease;
  --kwp-transition-base:  200ms ease;
  --kwp-transition-slow:  300ms ease;

  /* Z-index --------------------------------------------------- */
  --kwp-z-dropdown:   100;
  --kwp-z-sticky:     200;
  --kwp-z-fixed:      300;
  --kwp-z-modal:      400;
  --kwp-z-popover:    500;
  --kwp-z-toast:      600;
  --kwp-z-tooltip:    700;

  /* Layout --------------------------------------------------- */
  --kwp-max-width-content: 1200px;
  --kwp-max-width-narrow:  720px;
  --kwp-sidebar-width:     240px;
  --kwp-sidebar-compact:   60px;
  --kwp-header-height:     60px;

  /* Logo / Brand identifikace (defaults — přepisuje styling JSON) */
  --kwp-logo-url:      url('../logo/logo-D1.svg');
  --kwp-logo-dark-url: url('../logo/logo-D1-dark.svg');
  --kwp-portal-name:   'KWP';
}