@import url("https://ui-design.dev.sorto.ai/czcionki/css2?family=Lucida+Sans");
/* nivra — motyw, wersja 0. Wygenerowane przez panel ui-design (DTCG 2025.10). theme.css z DTCG (Terrazzo 2.10.0). */
:root {
  --ui-fokus-grubosc: 2px;
  --ui-fokus-odsuniecie: 2px;
  --ui-kontrolka-wysokosc: 44px;
  --ui-kontrolka-mala: 28px;
  --ui-menu-szerokosc: 238px;
  --ui-pole-wiersze: 3;
  --ui-prog-szeroki: 1180px;
  --ui-prog-telefon: 640px;
  --ui-przygaszenie: 0.6;
  --ui-ramka-grubosc: 1px;
  --ui-siatka-min-kolumna: 160px;
  --ui-skrot-linie: 2;
  --ui-kolor-akcent: #000;
  --ui-kolor-akcent-najechanie: #141414;
  --ui-kolor-blad: #d02525;
  --ui-kolor-blad-tlo: #fbe9e9;
  --ui-kolor-fokus: #000;
  --ui-kolor-najechanie: #f7f7f7;
  --ui-kolor-ostrzezenie: #93611a;
  --ui-kolor-ostrzezenie-tlo: #fbf4e9;
  --ui-kolor-ramka: #d7d9db;
  --ui-kolor-sukces: #15793a;
  --ui-kolor-sukces-tlo: #e9fbf0;
  --ui-kolor-tekst: #1b1d1f;
  --ui-kolor-tekst-drugorzedny: #555759;
  --ui-kolor-tlo: #f6f5f2;
  --ui-kolor-tlo-drugie: #f4f6f7;
  --ui-kolor-wylaczone: #9da0a2;
  --ui-kolor-wylaczone-tlo: #f4f6f7;
  --ui-kolor-zaznaczenie: #ededed;
  --ui-pismo-kroj-naglowkow: "Lucida Sans", system-ui, sans-serif;
  --ui-pismo-kroj-naglowkow-strony: "Lucida Sans", system-ui, sans-serif;
  --ui-pismo-kroj-strony: "Lucida Sans", system-ui, sans-serif;
  --ui-pismo-kroj: "Lucida Sans", system-ui, sans-serif;
  --ui-odstep-20: 20px;
  --ui-odstep-24: 24px;
  --ui-odstep-64: 64px;
  --ui-pismo-h1-interlinia: 47.84px;
  --ui-pismo-h1: 41.6px;
  --ui-pismo-h1-waga: 400;
  --ui-pismo-h2-interlinia: 28px;
  --ui-pismo-h2: 20px;
  --ui-pismo-h2-waga: 600;
  --ui-pismo-h3-interlinia: 24px;
  --ui-pismo-h3: 17px;
  --ui-pismo-h3-waga: 600;
  --ui-pismo-liczba-interlinia: 24px;
  --ui-pismo-liczba: 15px;
  --ui-pismo-liczba-waga: 600;
  --ui-pismo-maly-interlinia: 20px;
  --ui-pismo-maly: 12px;
  --ui-pismo-maly-waga: 400;
  --ui-pismo-tekst-interlinia: 21.76px;
  --ui-pismo-tekst: 13.6px;
  --ui-pismo-tekst-waga: 400;
  --ui-ruch-czas: 150ms;
  --ui-ruch-krzywa: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ui-kolumna: 544px;
  --ui-margines: 16px;
  --ui-promien: 6px;
  --ui-rytm-sekcji: 24px;
  --ui-odstep-duzy: 24px;
  --ui-odstep-maly: 20px;
  --ui-odstep-sredni: 20px;
  --ui-accent: var(--ui-kolor-najechanie);
  --ui-accent-foreground: var(--ui-kolor-tekst);
  --ui-background: var(--ui-kolor-tlo);
  --ui-border: var(--ui-kolor-ramka);
  --ui-card: var(--ui-kolor-tlo);
  --ui-card-foreground: var(--ui-kolor-tekst);
  --ui-chart-1: #000;
  --ui-chart-2: var(--ui-kolor-sukces);
  --ui-chart-3: var(--ui-kolor-ostrzezenie);
  --ui-chart-4: var(--ui-kolor-blad);
  --ui-chart-5: var(--ui-kolor-tekst-drugorzedny);
  --ui-destructive: var(--ui-kolor-blad);
  --ui-destructive-foreground: var(--ui-kolor-blad-tlo);
  --ui-font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  --ui-font-sans: "Lucida Sans", system-ui, sans-serif;
  --ui-font-serif: ui-serif, "Georgia", "Cambria", "Times New Roman", "Times", serif;
  --ui-foreground: var(--ui-kolor-tekst);
  --ui-input: var(--ui-kolor-ramka);
  --ui-muted: #f4f6f7;
  --ui-muted-foreground: var(--ui-kolor-tekst-drugorzedny);
  --ui-popover: var(--ui-kolor-tlo);
  --ui-popover-foreground: var(--ui-kolor-tekst);
  --ui-primary: #000;
  --ui-primary-foreground: var(--ui-kolor-tlo);
  --ui-radius: 6px;
  --ui-ring: #000;
  --ui-secondary: #f4f6f7;
  --ui-secondary-foreground: var(--ui-kolor-tekst);
  --ui-shadow-blur: 3px;
  --ui-shadow-color: #000;
  --ui-shadow-offset-x: 0px;
  --ui-shadow-offset-y: 1px;
  --ui-shadow-opacity: 0.1;
  --ui-shadow-spread: 0px;
  --ui-sidebar: #f4f6f7;
  --ui-sidebar-accent: var(--ui-kolor-zaznaczenie);
  --ui-sidebar-accent-foreground: var(--ui-kolor-tekst);
  --ui-sidebar-border: var(--ui-kolor-ramka);
  --ui-sidebar-foreground: var(--ui-kolor-tekst);
  --ui-sidebar-primary: #000;
  --ui-sidebar-primary-foreground: var(--ui-kolor-tlo);
  --ui-sidebar-ring: #000;
  --ui-spacing: 0.25rem;
  --ui-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 {
  --ui-kolor-akcent: #a1a1a1;
  --ui-kolor-akcent-najechanie: #8d8d8d;
  --ui-kolor-blad: #ea8686;
  --ui-chart-4: var(--ui-kolor-blad);
  --ui-destructive: var(--ui-kolor-blad);
  --ui-kolor-blad-tlo: #410b0b;
  --ui-destructive-foreground: var(--ui-kolor-blad-tlo);
  --ui-kolor-fokus: #a1a1a1;
  --ui-kolor-najechanie: #292929;
  --ui-accent: var(--ui-kolor-najechanie);
  --ui-kolor-ostrzezenie: #da912b;
  --ui-chart-3: var(--ui-kolor-ostrzezenie);
  --ui-kolor-ostrzezenie-tlo: #412b0b;
  --ui-kolor-ramka: #3b4045;
  --ui-border: var(--ui-kolor-ramka);
  --ui-input: var(--ui-kolor-ramka);
  --ui-sidebar-border: var(--ui-kolor-ramka);
  --ui-kolor-sukces: #26d968;
  --ui-chart-2: var(--ui-kolor-sukces);
  --ui-kolor-sukces-tlo: #0b411f;
  --ui-kolor-tekst: #f1f2f3;
  --ui-accent-foreground: var(--ui-kolor-tekst);
  --ui-card-foreground: var(--ui-kolor-tekst);
  --ui-foreground: var(--ui-kolor-tekst);
  --ui-popover-foreground: var(--ui-kolor-tekst);
  --ui-secondary-foreground: var(--ui-kolor-tekst);
  --ui-sidebar-accent-foreground: var(--ui-kolor-tekst);
  --ui-sidebar-foreground: var(--ui-kolor-tekst);
  --ui-kolor-tekst-drugorzedny: #9ca3aa;
  --ui-chart-5: var(--ui-kolor-tekst-drugorzedny);
  --ui-muted-foreground: var(--ui-kolor-tekst-drugorzedny);
  --ui-kolor-tlo: #151719;
  --ui-background: var(--ui-kolor-tlo);
  --ui-card: var(--ui-kolor-tlo);
  --ui-popover: var(--ui-kolor-tlo);
  --ui-primary-foreground: var(--ui-kolor-tlo);
  --ui-sidebar-primary-foreground: var(--ui-kolor-tlo);
  --ui-kolor-tlo-drugie: #1f2124;
  --ui-kolor-wylaczone: #5c646b;
  --ui-kolor-wylaczone-tlo: #1f2124;
  --ui-kolor-zaznaczenie: #363636;
  --ui-sidebar-accent: var(--ui-kolor-zaznaczenie);
  --ui-chart-1: #a1a1a1;
  --ui-muted: #1f2124;
  --ui-primary: #a1a1a1;
  --ui-ring: #a1a1a1;
  --ui-secondary: #1f2124;
  --ui-sidebar: #1f2124;
  --ui-sidebar-primary: #a1a1a1;
  --ui-sidebar-ring: #a1a1a1;
}