@font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; font-display: swap;
  src: url('/fonts/lato/Lato-Thin.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('/fonts/lato/Lato-Light.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/lato/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/fonts/lato/Lato-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; font-display: swap;
  src: url('/fonts/lato/Lato-Black.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 100; font-display: swap;
  src: url('/fonts/lato/Lato-ThinItalic.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; font-display: swap;
  src: url('/fonts/lato/Lato-LightItalic.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('/fonts/lato/Lato-Italic.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('/fonts/lato/Lato-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; font-display: swap;
  src: url('/fonts/lato/Lato-BlackItalic.ttf') format('truetype'); }

/* ============================================================ */
/* WCAG 2.2 UŁATWIENIA DOSTĘPU (ACCESSIBILITY ENGINE)           */
/* ============================================================ */

/* 1. Rozmiar czcionki (Font Size) */
html.font-size-medium {
  font-size: 118% !important;
}
html.font-size-large {
  font-size: 136% !important;
}

/* 2. Odstęp między literami (Letter Spacing) */
html.letter-spacing-medium,
html.letter-spacing-medium * {
  letter-spacing: 0.10em !important;
}
html.letter-spacing-large,
html.letter-spacing-large * {
  letter-spacing: 0.20em !important;
}

/* 3. Odstęp między wierszami (Line Height) */
html.line-height-medium,
html.line-height-medium * {
  line-height: 1.9 !important;
}
html.line-height-large,
html.line-height-large * {
  line-height: 2.4 !important;
}

/* 4. Wysoki Kontrast WCAG (Żółto-Czarny) */
html.high-contrast,
html.high-contrast body,
html.high-contrast header,
html.high-contrast main,
html.high-contrast footer,
html.high-contrast section,
html.high-contrast article,
html.high-contrast aside,
html.high-contrast div,
html.high-contrast nav,
html.high-contrast table,
html.high-contrast thead,
html.high-contrast tbody,
html.high-contrast tr,
html.high-contrast td,
html.high-contrast th,
html.high-contrast p,
html.high-contrast span,
html.high-contrast h1,
html.high-contrast h2,
html.high-contrast h3,
html.high-contrast h4,
html.high-contrast h5,
html.high-contrast h6,
html.high-contrast label,
html.high-contrast input,
html.high-contrast select,
html.high-contrast textarea,
html.high-contrast pre,
html.high-contrast code {
  background-color: #000000 !important;
  background-image: none !important;
  color: #ffff00 !important;
  border-color: #ffff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html.high-contrast a {
  color: #00ffff !important;
  text-decoration: underline !important;
}
html.high-contrast a:hover,
html.high-contrast a:focus {
  color: #ffffff !important;
  background-color: #003366 !important;
}

html.high-contrast button {
  background-color: #000000 !important;
  color: #ffff00 !important;
  border: 2px solid #ffff00 !important;
}
html.high-contrast button:hover,
html.high-contrast button:focus {
  background-color: #ffff00 !important;
  color: #000000 !important;
}

html.high-contrast .material-symbols-outlined {
  color: #ffff00 !important;
}
html.high-contrast img,
html.high-contrast svg {
  filter: contrast(130%) brightness(110%) !important;
}