/* Wspolna baza motywu "drewnianego" dla stron tresci osadzonych jako fragmenty.
   Zmienne i resety sa zawezone do potomkow "main.sub" - jedynego wspolnego kontenera tresci tych stron,
   zeby nie dzialaly na cala witryne. */
main.sub{
  --wood-900:#241708;
  --wood-800:#33220f;
  --wood-700:#4a3319;
  --wood-600:#6b4a24;
  --wood-300:#c9a876;
  --cream:#f7f1e5;
  --cream-2:#efe5d2;
  --paper:#fcf8f0;
  --forest:#3d5a3a;
  --forest-dark:#2c422a;
  --honey:#c98a2d;
  --honey-dark:#a76f1e;
  --ink:#2a2118;
  --muted:#6d5f4d;
  --radius:14px;
  --shadow:0 10px 30px rgba(36,23,8,.14);
}
/* Reset w :where() ma zerowa specyficznosc, wiec style wlasne stron (selektory typu
   section{}, .sec-head{}, .c-tile{}) go nadpisuja. */
:where(main.sub, main.sub *){margin:0;padding:0;box-sizing:border-box}
/* Motyw ogolny (motyw.css) styluje .tresc-wpisu p/h2/ul/... marginesami i
   paddingami o specyficznosci 0-1-1. Neutralizujemy je ta sama specyficznoscia
   (ten plik laduje sie pozniej), a style wlasne stron - wklejane inline
   w tresci, czyli jeszcze pozniej - nadal wygrywaja. */
main.sub p,main.sub ul,main.sub ol,main.sub li,main.sub h1,main.sub h2,main.sub h3,main.sub h4,main.sub figure,main.sub figcaption,main.sub blockquote,main.sub table,main.sub th,main.sub td,main.sub hr{margin:0;padding:0}
main.sub{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
main.sub img{max-width:100%;display:block}
main.sub a{color:inherit}
main.sub h1,main.sub h2,main.sub h3,main.sub .serif{font-family:'Playfair Display',Georgia,serif}

/* deska - subtelna tekstura słojów drewna */
main.sub .woodbar{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 2px, transparent 2px 90px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.10) 0 1px, transparent 1px 9px),
    linear-gradient(180deg, var(--wood-700), var(--wood-800));
}