/* ==========================================================================
   TOKENS CSS — Wygenerowano automatycznie przez build_theme.py
   Preset: Kulinarny wedzarniczy (biel / czern / akcent logo) (kulinarny-wedzarniczy)
   ========================================================================== */

:root {
  /* Kolory (Angielskie) */
  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-text-main: #111111;
  --color-text-muted: #5F5F5F;
  --color-border: #E7E3E1;
  --color-accent: #C24429;
  --color-link: #94331E;
  --color-link-hover: #802C19;
  --color-accent-hover: #AB3C24;
  --color-cta: #C24429;
  --color-cta-hover: #AB3C24;

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

  /* Fonty */
  --font-heading: 'Lora', 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 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: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --line-height-body: 1.65;
  --line-height-heading: 1.25;

  /* Rytm i miara tekstu */
  --measure: 68ch;
  --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 2px var(--color-bg), 0 0 0 4px var(--color-accent);

  /* 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: 720px;
  --header-wys: 72px;
  --header-wys-mobile: 56px;
}