/* Strony statyczne mojapasza.com (/prywatnosc, /warunki) i część mirrorów: wygląd rodziny
   danerolne, jak aplikacja (pasze/src/powloka/motyw.css). Tylko jasny, bez ciemnego motywu. */
@import url("/fonts/fonty.css");
:root {
  --tlo: #F4F4EF;
  --tekst: #14201A;
  --karta: #FFFFFF;
  --akcent: #14201A;
  --ziarno: #EFA35C;
  --slabszy: #55625A;
  --linia: #D9DBD2;
  color-scheme: light;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--tlo); color: var(--tekst); font: 17px/1.6 "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--akcent); text-underline-offset: 2px; }
.pasek { display: flex; align-items: center; gap: 1rem; padding: 0 1rem; min-height: 68px; border-bottom: 1px solid var(--linia); background: var(--tlo); }
.znak { display: flex; align-items: center; gap: .6rem; color: var(--tekst); text-decoration: none; font-weight: 800; font-size: 1.25rem; letter-spacing: -0.02em; white-space: nowrap; }
.znak::before { content: ""; width: 22px; height: 22px; background: var(--ziarno); border: 1.5px solid var(--tekst); }
.znak img { display: none; }
.pasek nav { margin-left: auto; display: flex; gap: 1.2rem; overflow-x: auto; }
.pasek nav a { padding: .4rem 0; color: var(--tekst); text-decoration: none; white-space: nowrap; font-size: .95rem; border-bottom: 2px solid transparent; }
.pasek nav a:hover { border-bottom-color: var(--linia); }
main { max-width: 820px; margin: 0 auto; padding: 2rem 1rem 3rem; }
h1, h2 { font-weight: 800; letter-spacing: -0.025em; }
h1 { font-size: clamp(2.25rem, 4.4vw, 3.25rem); line-height: 1; letter-spacing: -0.035em; margin: .5rem 0 1rem; }
h2 { font-size: 1.4rem; margin-top: 2.4rem; border-bottom: 1.5px solid var(--tekst); padding-bottom: .4rem; }
.lead { font-size: 1.15rem; color: #3E4A43; }
.crumbs { font-size: .85rem; color: var(--slabszy); }
.crumbs a { color: var(--slabszy); }
code { font-family: "IBM Plex Mono", ui-monospace, Consolas, monospace; background: var(--karta); border: 1px solid var(--linia); padding: 0 .3rem; font-size: .88em; overflow-wrap: anywhere; }
ul li { margin-bottom: .35rem; }
.male { font-size: .85rem; color: var(--slabszy); margin-top: 2.5rem; }
footer { background: var(--tekst); color: #C9CFC6; padding: 1.75rem 1rem 2rem; font-size: .85rem; }
footer a { color: #F4F4EF; }
footer p { max-width: 820px; margin: .4rem auto; }