/* ============================================================
   DESIGN TOKENS v2 — komornikpultusk.pl
   Decyzja D1: KOLORYSTYKA OBECNEJ STRONY (paleta makiety odrzucona)
   Z makiety pozostają: typografia, skala, geometria, komponenty.
   Sekcja 1. KOLORY = sloty do wypełnienia wg procedury P-KOLOR
   (Elementor Global Colors + próbnik Logo34.png + computed styles).
   Wartości oznaczone TODO są ROBOCZE (neutralne) — nie produkcyjne.
   ============================================================ */

/* P-KOLOR: ZAMKNIETA 13.07.2026. Zrodlo: pomiar computed styles i palety
   na zywej produkcji (Claude in Chrome). Paleta: czern #000000 / grafit #333333
   + zloto #CCBD99 + biel/#F4F4F4. Logo (Logo34/lomoh/cropped) = biale na
   przezroczystym tle -> logo wymaga ciemnego tla (header/stopka na --c-primary).
   Link produkcji #44465D nieuzyty - akcent tekstowy ujednolicony do #887444
   (barwa zlota marki, AA). Cienie w tonie czerni. */

:root {
  /* ---------- 1. KOLORY — do wpisania z produkcji (P-KOLOR) ---------- */
  /* Marka */
  --c-primary:       #000000; /* P-KOLOR: tlo naglowka/hero produkcji */   /* kolor wiodący (logo / Elementor Primary)      */
  --c-primary-light: #333333; /* P-KOLOR: tlo stopki produkcji */   /* panele na tle wiodącym                        */
  --c-on-primary:    #FFFFFF; /* P-KOLOR: tekst/logo na czerni (12.6:1 na #333) */   /* tekst na kolorze wiodącym (top bar, stopka)   */

  --c-accent:        #CCBD99; /* P-KOLOR: zloto marki (przyciski, H3, active nav; 11.3:1 na czerni) */   /* akcent: linie, ikony, hover (logo / Accent)   */
  --c-accent-deep:   #887444; /* pochodna CCBD99 (L-30%), AA 4.54:1 na bieli - teksty/linki akcentowe */   /* akcent tekstowy i linki — wariant AA          */

  /* Tła */
  --c-bg:            #FFFFFF; /* P-KOLOR: tlo tresci produkcji */   /* tło bazowe stron (body produkcji)             */
  --c-bg-alt:        #F4F4F4; /* P-KOLOR: sekcje naprzemienne produkcji */   /* sekcje naprzemienne                           */
  --c-bg-card:       #FFFFFF; /* karty na bg-alt / biel */   /* karty usług / licytacji                       */

  /* Linie */
  --c-border:        #E6E4DE; /* neutral z domieszka zlota */
  --c-border-deep:   #CFCCC2;

  /* Tekst */
  --c-text:          #000000; /* P-KOLOR: naglowki produkcji */   /* podstawowy                                    */
  --c-text-2:        #4A4A4A; /* tekst dlugi - ciemniej niz produkcyjne 6E6E6E dla czytelnosci */   /* drugorzędny                                   */
  --c-text-3:        #6E6E6E; /* P-KOLOR: kolor tekstu body produkcji - metadane */   /* metadane, podpisy                             */

  /* Stany (pochodne — wyliczyć po wpisaniu marki) */
  --c-focus:   var(--c-accent-deep);
  --c-error:   #8C2F2F;
  --c-success: #2F5E3C;

  /* ---------- 2. TYPOGRAFIA (z makiety — bez zmian) ---------- */
  --font-heading: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-body:    'IBM Plex Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-hero: 54px;  --fs-h1: 46px;  --fs-h1-sm: 42px;
  --fs-h2:   38px;  --fs-h2-sm: 32px; --fs-h3: 28px;  --fs-h4: 24px;
  --fs-lead: 18px;  --fs-body: 16px;  --fs-ui: 15px;
  --fs-small:14px;  --fs-caption: 13px; --fs-micro: 12px;

  --lh-tight: 1.12; --lh-head: 1.25; --lh-body: 1.6;
  --fw-head: 500;   --fw-head-b: 600; --fw-body: 400; --fw-strong: 600;

  /* ---------- 3. GEOMETRIA (z makiety — bez zmian) ---------- */
  --radius-s: 3px;  --radius: 4px;  --radius-l: 6px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px;

  --container: 1160px;
  --container-text: 760px;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, .10);
  --shadow-pop:  0 8px 24px rgba(0, 0, 0, .14);

  --transition: 160ms ease;
}

/* ---------- 4. MAPOWANIE NA ELEMENTY ----------
   header/topbar ....... bg: --c-primary · tekst: --c-on-primary · akcent: --c-accent
   hero ................ bg: --c-primary · H1: --fs-hero/--lh-tight · linia: --c-accent
   sekcja usług ........ bg: --c-bg · karty: --c-bg-card + --c-border
   licytacje (karty) ... status: --c-accent-deep · meta: --fs-caption/--c-text-3
   stopka .............. bg: --c-primary · tekst: --c-on-primary · nagłówki: --c-accent
   przyciski primary ... bg: --c-accent-deep · hover: ciemniejszy o ~8% · tekst: --c-on-primary
   linki w treści ...... --c-accent-deep (AA), hover: podkreślenie
------------------------------------------------------------------ */

/* ---------- 5. FONTY — self-host (RODO), woff2, subset latin-ext ----------
   Spectral 500/600 · IBM Plex Sans 400/600 · font-display: swap            */