/* Zaślepka E2 — tymczasowa typografia do czasu identyfikacji z E3 */
:root {
  --tlo: #f6f4ef;
  --tekst: #141414;
  --przygaszony: #6b6760;
  --linia: #d9d4ca;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tlo: #111110;
    --tekst: #f1eee8;
    --przygaszony: #9a958c;
    --linia: #2d2b28;
  }
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  background: var(--tlo);
  color: var(--tekst);
  font: 400 16px/1.5 ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: grid;
  place-items: center;
  padding: 24px 16px;
}
main { width: min(640px, 100%); }
.etykieta {
  font-size: 12px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--przygaszony);
}
h1 {
  margin: 16px 0 28px;
  font-weight: 600;
  font-size: clamp(36px, 9vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.03em;
}
.kreska { height: 1px; background: var(--linia); margin-bottom: 20px; }
p { color: var(--przygaszony); }
a { color: var(--tekst); text-decoration: none; border-bottom: 1px solid var(--linia); }
a:hover, a:focus-visible { border-color: var(--tekst); }
.stopka { display: flex; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }