/* Blask — „Wigilijny wieczór”. Dwie pory: dzień (domyślnie) i wieczór (przełącznik „Zapal światło”).
   Kierunek i zasady: docs/DESIGN.md */
:root {
  --tlo: #f5ecdd;          /* len w ciepłym świetle */
  --tlo-2: #ecdfc9;
  --karta: #fbf6ee;
  --atrament: #3a2820;     /* gorzka czekolada zamiast zieleni */
  --atrament-2: #7a6556;
  --linia: #e2d2b9;
  --zurawina: #a51e2d;     /* świąteczna czerwień: CTA, wycinanki */
  --zurawina-2: #821622;
  --jodla: #1f4637;
  --jodla-noc: #132a21;
  --swieca: #d9952c;       /* złoto świecy */
  --miod: #f3cf8a;
  --kraft: #d6b387;        /* metka prezentowa */
  --kraft-2: #c39b6b;
  --noc: #17100c;          /* tło kafli ze światłem w obu porach */
  --cien: 0 1px 1px rgb(58 40 32 / 6%), 0 14px 30px -18px rgb(58 40 32 / 30%);
  --faktura: url("../zima/papier.webp");

  /* kolory światła — dane wariantów */
  --l-cieply: #f6c874;
  --l-zimny: #e6f1ff;
  --l-niebieski: #6d9bf0;
  --l-czerwony: #ef5a63;
  --l-m1: #ef5a63;
  --l-m2: #5bc982;
  --l-m3: #f5d35c;
  --l-m4: #6aa2f0;
  --swiatlo: var(--l-cieply);

  --f-glowny: "Young Serif", Georgia, serif;
  --f-tekst: "Figtree", system-ui, sans-serif;
  --f-reka: "Caveat", "Segoe Print", cursive;

  --t-mikro: 0.72rem;
  --t-xs: 0.82rem;
  --t-s: 0.92rem;
  --t-m: 1.02rem;
  --t-l: 1.18rem;
  --t-h3: clamp(1.35rem, 1.15rem + 0.8vw, 1.8rem);
  --t-h2: clamp(2rem, 1.4rem + 2.4vw, 3.3rem);
  --t-h1: clamp(2.6rem, 1.5rem + 4.6vw, 5.6rem);

  --r-s: 6px;
  --r-m: 14px;
  --r-l: 22px;
  --r-pig: 999px;
  --szer: 1320px;
  --rytm: clamp(64px, 8vw, 128px);
  --pasek-dol: 0px;        /* wysokość dolnej nawigacji (mobile) */
  --ruch: 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
  --ruch-wolny: 700ms cubic-bezier(0.22, 0.61, 0.36, 1);
  color-scheme: light;
}

/* Wieczór: ciepłe drewno i świeca. Kafle ze światłem zostają nocne, reszta ciemnieje. */
[data-pora="wieczor"] {
  --tlo: #1f150f;
  --tlo-2: #2a1c14;
  --karta: #2d1f17;
  --atrament: #f4e8d4;
  --atrament-2: #c4ae95;
  --linia: #4a3528;
  --zurawina: #d23a4a;
  --zurawina-2: #e5525f;
  --jodla: #2c5c49;
  --swieca: #f0b44a;
  --kraft: #b8915f;
  --kraft-2: #a17c4d;
  --cien: 0 1px 1px rgb(0 0 0 / 30%), 0 18px 40px -20px rgb(0 0 0 / 70%);
  color-scheme: dark;
}

[data-swiatlo="cieply"] { --swiatlo: var(--l-cieply); }
[data-swiatlo="zimny"] { --swiatlo: var(--l-zimny); }
[data-swiatlo="niebieski"] { --swiatlo: var(--l-niebieski); }
[data-swiatlo="czerwony"] { --swiatlo: var(--l-czerwony); }
[data-swiatlo="multi"] { --swiatlo: var(--l-m3); }

@media (max-width: 899px) { :root { --pasek-dol: 64px; } }