@import url("https://ui-design.dev.sorto.ai/czcionki/css2?family=Roboto");
/* kanguroms-docs — 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: #4051b5;
  --ui-kolor-akcent-najechanie: #354497;
  --ui-kolor-blad: #c32222;
  --ui-kolor-blad-tlo: #fbe9e9;
  --ui-kolor-fokus: #4051b5;
  --ui-kolor-na-akcencie: #fff;
  --ui-kolor-najechanie: #def3ff;
  --ui-kolor-ostrzezenie: #8b5b18;
  --ui-kolor-ostrzezenie-tlo: #fbf4e9;
  --ui-kolor-ramka: #d9d9d9;
  --ui-kolor-sukces: #157538;
  --ui-kolor-sukces-tlo: #e9fbf0;
  --ui-kolor-tekst: #000;
  --ui-kolor-tekst-drugorzedny: #575757;
  --ui-kolor-tlo: #fff;
  --ui-kolor-tlo-drugie: #f5f5f5;
  --ui-kolor-tlo-podniesione: #4051b5;
  --ui-kolor-wylaczone: #9f9f9f;
  --ui-kolor-wylaczone-tlo: #f5f5f5;
  --ui-kolor-zaznaczenie: #d1e6ff;
  --ui-pismo-kroj-naglowkow: "Roboto", system-ui, sans-serif;
  --ui-pismo-kroj-naglowkow-strony: "Roboto", system-ui, sans-serif;
  --ui-pismo-kroj-strony: "Roboto", system-ui, sans-serif;
  --ui-pismo-kroj: "Roboto", system-ui, sans-serif;
  --ui-odstep-1: 1px;
  --ui-odstep-4: 4px;
  --ui-odstep-8: 8px;
  --ui-odstep-16: 16px;
  --ui-odstep-20: 20px;
  --ui-odstep-23: 23px;
  --ui-odstep-28: 28px;
  --ui-odstep-40: 40px;
  --ui-odstep-44: 44px;
  --ui-pismo-h1-interlinia: 41.6px;
  --ui-pismo-h1: 32px;
  --ui-pismo-h1-waga: 300;
  --ui-pismo-h2-interlinia: 35px;
  --ui-pismo-h2: 25px;
  --ui-pismo-h2-waga: 300;
  --ui-pismo-h3-interlinia: 28px;
  --ui-pismo-h3: 20px;
  --ui-pismo-h3-waga: 600;
  --ui-pismo-liczba-interlinia: 24px;
  --ui-pismo-liczba: 16px;
  --ui-pismo-liczba-waga: 600;
  --ui-pismo-maly-interlinia: 20px;
  --ui-pismo-maly: 13.33px;
  --ui-pismo-maly-waga: 400;
  --ui-pismo-tekst-interlinia: 18.2px;
  --ui-pismo-tekst: 14px;
  --ui-pismo-tekst-waga: 400;
  --ui-ruch-czas: 150ms;
  --ui-ruch-krzywa: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ui-kolumna: 1220px;
  --ui-margines: 4px;
  --ui-promien: 2px;
  --ui-rytm-sekcji: 40px;
  --ui-odstep-duzy: 23px;
  --ui-odstep-maly: 8px;
  --ui-odstep-sredni: 16px;
  --ui-accent: var(--ui-kolor-najechanie);
  --ui-accent-foreground: var(--ui-kolor-tekst);
  --ui-background: #fff;
  --ui-border: var(--ui-kolor-ramka);
  --ui-card: #fff;
  --ui-card-foreground: var(--ui-kolor-tekst);
  --ui-chart-1: #4051b5;
  --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: "Roboto", 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: #f5f5f5;
  --ui-muted-foreground: var(--ui-kolor-tekst-drugorzedny);
  --ui-popover: #fff;
  --ui-popover-foreground: var(--ui-kolor-tekst);
  --ui-primary: #4051b5;
  --ui-primary-foreground: #fff;
  --ui-radius: 2px;
  --ui-ring: #4051b5;
  --ui-secondary: #f5f5f5;
  --ui-secondary-foreground: var(--ui-kolor-tekst);
  --ui-shadow-blur: 3px;
  --ui-shadow-color: var(--ui-kolor-tekst);
  --ui-shadow-offset-x: 0px;
  --ui-shadow-offset-y: 1px;
  --ui-shadow-opacity: 0.1;
  --ui-shadow-spread: 0px;
  --ui-sidebar: #4051b5;
  --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: #fff;
  --ui-sidebar-primary: #4051b5;
  --ui-sidebar-primary-foreground: #fff;
  --ui-sidebar-ring: #fff;
  --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: #96a0da;
  --ui-kolor-akcent-najechanie: #b4bbe5;
  --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: #96a0da;
  --ui-kolor-na-akcencie: #171717;
  --ui-kolor-najechanie: #151b3c;
  --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: #404040;
  --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: #f2f2f2;
  --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-shadow-color: var(--ui-kolor-tekst);
  --ui-sidebar-accent-foreground: var(--ui-kolor-tekst);
  --ui-sidebar-foreground: var(--ui-kolor-tekst);
  --ui-kolor-tekst-drugorzedny: #a1a1a1;
  --ui-chart-5: var(--ui-kolor-tekst-drugorzedny);
  --ui-muted-foreground: var(--ui-kolor-tekst-drugorzedny);
  --ui-kolor-tlo: #171717;
  --ui-kolor-tlo-drugie: #212121;
  --ui-kolor-tlo-podniesione: #1f212e;
  --ui-sidebar: var(--ui-kolor-tlo-podniesione);
  --ui-kolor-wylaczone: #646464;
  --ui-kolor-wylaczone-tlo: #212121;
  --ui-kolor-zaznaczenie: #1c234f;
  --ui-sidebar-accent: var(--ui-kolor-zaznaczenie);
  --ui-background: #171717;
  --ui-card: #171717;
  --ui-chart-1: #96a0da;
  --ui-muted: #212121;
  --ui-popover: #171717;
  --ui-primary: #96a0da;
  --ui-primary-foreground: #171717;
  --ui-ring: #96a0da;
  --ui-secondary: #212121;
  --ui-sidebar-primary: #96a0da;
  --ui-sidebar-primary-foreground: #171717;
  --ui-sidebar-ring: #96a0da;
}