/* @fonts lexend:400,500,600,700 */
/*
 * Motyw „Kontrast” — wysoki kontrast dla urzędów, przychodni, serwisów senioralnych
 * i wszędzie tam, gdzie czytelność jest ważniejsza niż ozdoby.
 * Czysta biel, czysta czerń, jeden nasycony błękit dla odnośników i przycisków.
 * Grube ramki, większe pismo (Lexend), wyraźny fokus.
 * Każda para tekst–tło ma co najmniej 7:1.
 */
:root {
  --font-body: "Lexend", Verdana, "Segoe UI", system-ui, sans-serif;
  --font-display: "Lexend", Verdana, "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.01em;
  --text-base: 1.0625rem;
  --leading: 1.65;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f0f0f0;
  --border: #767676;
  --border-strong: #000000;
  --text: #000000;
  --text-2: #1c1c1c;
  --muted: #3b3b3b;

  --primary: #0037c2;
  --primary-ink: #ffffff;
  --primary-soft: #e8eeff;
  --link: #0037c2;

  --accent: #000000;
  --accent-ink: #000000;
  --accent-soft: #ececec;
  --accent-on: #ffffff;

  --ok: #00572a;
  --danger: #9c0000;

  --header-bg: #ffffff;
  --header-text: #000000;
  --header-border: #000000;

  --hero-bg: #ffffff;
  --hero-text: #000000;
  --hero-muted: #1c1c1c;

  --footer-bg: #000000;
  --footer-text: #ffffff;
  --footer-muted: #d9d9d9;
  --footer-border: rgba(255, 255, 255, .55);
  --footer-heading: #ffffff;

  --radius: 6px;
  --radius-lg: 6px;
  --shadow: 0 0 0 2px var(--text);
}

a { text-decoration-thickness: 2px; text-underline-offset: .2em; }
a:hover { text-decoration-thickness: 3px; }

/* fokus: gruba obwódka z odstępem, w czarnej stopce biała */
:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
.input:focus, .select:focus { outline-width: 3px; }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }

.site-header { border-bottom-width: 3px; }
.hero { border-bottom: 3px solid var(--text); }
.btn, .input, .select, .entry-card, .panel, .chip, .pager__num, .pager__step, .view-switch, .logo { border-width: 2px; }
.btn { font-weight: 700; }
.chip { color: var(--text); border-color: var(--border-strong); }
.chip__n, .index-list a span { color: var(--muted); }
.section__head { padding-bottom: 10px; border-bottom: 3px solid var(--text); }
.badge { font-size: .875rem; box-shadow: inset 0 0 0 1px var(--border); }
.entry__meta, .article-meta, .crumbs ol { font-size: .9375rem; }
.nav a, .site-footer a { text-decoration: underline; }
.brand, .nav a[aria-current] { text-decoration: none; }