/* ==========================================================================
   TOKENS CSS — Wygenerowano automatycznie przez build_theme.py
   Preset: Modern Chat (minimal content renderer) (modern-chat)
   ========================================================================== */

:root {
  /* Kolory (Angielskie) */
  --color-bg: #FFFFFF;
  --color-surface: #F7F7F7;
  --color-text-main: #212121;
  --color-text-muted: #676767;
  --color-border: #E5E5E5;
  --color-accent: #212121;
  --color-accent-hover: #424242;
  --color-cta: #C85A32;
  --color-cta-hover: #A64421;

  /* Kolory semantyczne */
  --color-success: #16A34A;
  --color-warning: #D97706;
  --color-error: #DC2626;

  /* Fonty */
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Skala typografii płynna (mobile -> desktop bez media queries) */
  --font-size-h1: clamp(1.9rem, 1.4rem + 2.4vw, 2.75rem);
  --font-size-h2: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
  --font-size-h3: clamp(1.2rem, 1.05rem + 0.7vw, 1.4rem);
  --font-size-body: 18px;
  --line-height-body: 1.61;
  --line-height-heading: 1.25;

  /* Rytm i miara tekstu */
  --measure: 760px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;

  --radius-button: 12px;
  --radius-card: 16px;
  --shadow-card: 0 4px 16px rgba(0,0,0,.06);
  --focus-ring: 0 0 0 3px rgba(21, 128, 61, 0.25);

  /* POLSKIE ALIASY DLA PEŁNEJ KOMPATYBILNOŚCI MOTYWU (THEME-ENGINE) */
  --font-naglowki: var(--font-heading);
  --font-tekst: var(--font-body);
  --interlinia: var(--line-height-body);
  --interlinia-naglowki: var(--line-height-heading);
  --tekst-rozmiar: var(--font-size-body);

  --tekst: var(--color-text-main);
  --tekst-przygaszony: var(--color-text-muted);
  --tlo: var(--color-bg);
  --tlo-powierzchnia: var(--color-surface);
  --tlo-karty: var(--color-surface);
  --tlo-przygaszony: color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));
  --linia: var(--color-border);
  --ramka: var(--color-border);
  --akcent: var(--color-accent);
  --kolor-glowny: var(--color-accent);
  --kolor-glowny-ciemny: var(--color-accent-hover);
  --kolor-akcent: var(--color-cta);
  --info-akcent: var(--color-accent);
  --info-tlo: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));

  --rytm: 8px;
  --promien: var(--radius-card);
  --promien-maly: var(--radius-button);
  --promien-duzy: 16px;
  --cien-karta: var(--shadow-card);

  --maks-szerokosc-strona: 1280px;
  --miara-tekstu: 760px;
  --header-wys: 72px;
  --header-wys-mobile: 56px;
}