/* eurodot — motyw, wersja 2. Wygenerowane przez panel ui-design (DTCG 2025.10). theme.css z DTCG (Terrazzo 2.10.0). */
:root:not(.dark) {
  --fokus-grubosc: 2px;
  --fokus-odsuniecie: 2px;
  --kontrolka-wysokosc: 44px;
  --kontrolka-mala: 28px;
  --menu-szerokosc: 238px;
  --pole-wiersze: 3;
  --prog-szeroki: 1180px;
  --prog-telefon: 640px;
  --przygaszenie: 0.6;
  --ramka-grubosc: 1px;
  --siatka-min-kolumna: 160px;
  --skrot-linie: 2;
  --kolor-akcent: #22436b;
  --kolor-akcent-najechanie: #18304c;
  --kolor-blad: #cc2424;
  --kolor-blad-tlo: #fbe9e9;
  --kolor-fokus: #22436b;
  --kolor-na-akcencie: #fff;
  --kolor-najechanie: #f3f7fb;
  --kolor-ostrzezenie: #8f5e19;
  --kolor-ostrzezenie-tlo: #fbf4e9;
  --kolor-ramka: #dbdfe6;
  --kolor-sukces: #15793a;
  --kolor-sukces-tlo: #e9fbf0;
  --kolor-tekst: #1b1f27;
  --kolor-tekst-drugorzedny: #5c6985;
  --kolor-tlo: #f9f8f5;
  --kolor-tlo-drugie: #f6f7f9;
  --kolor-wylaczone: #a5aec0;
  --kolor-wylaczone-tlo: #f6f7f9;
  --kolor-zaznaczenie: #e4ecf6;
  --pismo-kroj-naglowkow: system-ui, sans-serif;
  --pismo-kroj-naglowkow-strony: system-ui, sans-serif;
  --pismo-kroj-strony: system-ui, sans-serif;
  --pismo-kroj: system-ui, sans-serif;
  --odstep-4: 4px;
  --odstep-8: 8px;
  --odstep-12: 12px;
  --odstep-16: 16px;
  --odstep-24: 24px;
  --odstep-32: 32px;
  --odstep-40: 40px;
  --pismo-h1-interlinia: 52px;
  --pismo-h1: 36px;
  --pismo-h1-waga: 600;
  --pismo-h2-interlinia: 36px;
  --pismo-h2: 24px;
  --pismo-h2-waga: 600;
  --pismo-h3-interlinia: 28px;
  --pismo-h3: 20px;
  --pismo-h3-waga: 600;
  --pismo-liczba-interlinia: 28px;
  --pismo-liczba: 18px;
  --pismo-liczba-waga: 600;
  --pismo-maly-interlinia: 20px;
  --pismo-maly: 14px;
  --pismo-maly-waga: 400;
  --pismo-tekst-interlinia: 24px;
  --pismo-tekst: 16px;
  --pismo-tekst-waga: 400;
  --ruch-czas: 150ms;
  --ruch-krzywa: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kolumna: 960px;
  --margines: 16px;
  --promien: 6px;
  --rytm-sekcji: 40px;
  --odstep-duzy: 24px;
  --odstep-maly: 8px;
  --odstep-sredni: 16px;
  --accent: #e7eef7;
  --accent-foreground: var(--kolor-tekst);
  --background: var(--kolor-tlo);
  --border: #e7eaf0;
  --card: var(--kolor-na-akcencie);
  --card-foreground: var(--kolor-tekst);
  --chart-1: #22436b;
  --chart-2: var(--kolor-sukces);
  --chart-3: var(--kolor-ostrzezenie);
  --chart-4: var(--kolor-blad);
  --chart-5: var(--kolor-tekst-drugorzedny);
  --destructive: var(--kolor-blad);
  --destructive-foreground: var(--kolor-blad-tlo);
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  --font-sans: system-ui, sans-serif;
  --font-serif: ui-serif, "Georgia", "Cambria", "Times New Roman", "Times", serif;
  --foreground: var(--kolor-tekst);
  --input: var(--kolor-ramka);
  --muted: #edf2f8;
  --muted-foreground: #5f6773;
  --popover: var(--kolor-tlo);
  --popover-foreground: var(--kolor-tekst);
  --primary: #22436b;
  --primary-foreground: var(--kolor-na-akcencie);
  --radius: 6px;
  --ring: #22436b;
  --secondary: #f6f7f9;
  --secondary-foreground: var(--kolor-tekst);
  --shadow-blur: 3px;
  --shadow-color: #000;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --shadow-opacity: 0.1;
  --shadow-spread: 0px;
  --sidebar: #f6f7f9;
  --sidebar-accent: var(--kolor-zaznaczenie);
  --sidebar-accent-foreground: var(--kolor-tekst);
  --sidebar-border: var(--kolor-ramka);
  --sidebar-foreground: var(--kolor-tekst);
  --sidebar-primary: #22436b;
  --sidebar-primary-foreground: var(--kolor-na-akcencie);
  --sidebar-ring: #22436b;
  --spacing: 0.25rem;
  --letter-spacing: 0em; /* bez typu DTCG — wartość z rozszerzenia motywu */
}

/* tryb ciemny — drugi zestaw wartości tego motywu (selektor z Ustawień → ciemny_selektor; wartości: Ustawienia → Tryb ciemny motywu) */
.dark {
  --kolor-akcent: #7ea6d6;
  --kolor-akcent-najechanie: #9dbbe0;
  --kolor-blad: #ea8686;
  --chart-4: var(--kolor-blad);
  --destructive: var(--kolor-blad);
  --kolor-blad-tlo: #410b0b;
  --destructive-foreground: var(--kolor-blad-tlo);
  --kolor-fokus: #7ea6d6;
  --kolor-na-akcencie: #13161b;
  --card: var(--kolor-na-akcencie);
  --primary-foreground: var(--kolor-na-akcencie);
  --sidebar-primary-foreground: var(--kolor-na-akcencie);
  --kolor-najechanie: #14273e;
  --accent: var(--kolor-najechanie);
  --kolor-ostrzezenie: #da912b;
  --chart-3: var(--kolor-ostrzezenie);
  --kolor-ostrzezenie-tlo: #412b0b;
  --kolor-ramka: #33384d;
  --border: var(--kolor-ramka);
  --input: var(--kolor-ramka);
  --sidebar-border: var(--kolor-ramka);
  --kolor-sukces: #26d968;
  --chart-2: var(--kolor-sukces);
  --kolor-sukces-tlo: #0b411f;
  --kolor-tekst: #f0f1f5;
  --accent-foreground: var(--kolor-tekst);
  --card-foreground: var(--kolor-tekst);
  --foreground: var(--kolor-tekst);
  --popover-foreground: var(--kolor-tekst);
  --secondary-foreground: var(--kolor-tekst);
  --sidebar-accent-foreground: var(--kolor-tekst);
  --sidebar-foreground: var(--kolor-tekst);
  --kolor-tekst-drugorzedny: #9aa1bc;
  --chart-5: var(--kolor-tekst-drugorzedny);
  --muted-foreground: var(--kolor-tekst-drugorzedny);
  --kolor-tlo: #13161b;
  --background: var(--kolor-tlo);
  --popover: var(--kolor-tlo);
  --kolor-tlo-drugie: #1b1d28;
  --kolor-wylaczone: #505877;
  --kolor-wylaczone-tlo: #1b1d28;
  --kolor-zaznaczenie: #1a3351;
  --sidebar-accent: var(--kolor-zaznaczenie);
  --chart-1: #7ea6d6;
  --muted: #1b1d28;
  --primary: #7ea6d6;
  --ring: #7ea6d6;
  --secondary: #1b1d28;
  --sidebar: #1b1d28;
  --sidebar-primary: #7ea6d6;
  --sidebar-ring: #7ea6d6;
}