body{font-family:var(--font-ui);font-size:var(--size-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);margin:0}

/* NAGŁOWKI: Cormorant Garamond WERSALIKAMI. To swiadoma decyzja marki,
   zgodna z brandbookiem (logo „ORNAMENT." i tagline sa wersalikami z szerokim
   rozstrzeleniem). Wersaliki robimy przez text-transform, nigdy przez wpisywanie
   wielkich liter w tresc — inaczej tresc w WordPressie przestaje byc edytowalna,
   a czytniki ekranu potrafia literowac. */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;color:var(--text-brand);margin:0 0 var(--space-4);text-wrap:balance;text-transform:uppercase;letter-spacing:var(--tracking-heading)}
h1{font-size:var(--size-h1);line-height:var(--lh-h1)}
h2{font-size:var(--size-h2);line-height:var(--lh-h2)}
h3{font-size:var(--size-h3);line-height:var(--lh-h3);font-weight:600}
h4{font-size:var(--size-h4);line-height:var(--lh-h4);font-weight:600}

/* JEDYNY WYJATEK: NAZWY PRODUKTOW.
   WooCommerce renderuje je w nagłowkach (h2 w siatce, h1 na karcie produktu),
   wiec bez tego wyjatku zlapalyby regule wyzej. Nazwy sa dlugie i opisowe
   („Kartka walentynkowa – rozowa z napisem Kocham Cie"), skladane Montserratem,
   i w wersalikach traca ksztalt slowa, po ktorym sie je rozpoznaje. W siatce stu
   produktow robi sie z tego sciana. Nie usuwaj tych regul. */
.orn-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product h1.product_title{
  font-family:var(--font-ui);font-weight:500;color:var(--text-body);
  text-transform:none;letter-spacing:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;line-height:1.45}
.woocommerce div.product h1.product_title{font-size:26px;line-height:1.3;font-weight:600}

/* Warianty rozstrzelenia dla wersalikow. Nagłowki maja je domyslnie (.--heading);
   te klasy sluza mocniejszym uzyciom. */
.orn-caps--brand{text-transform:uppercase;letter-spacing:var(--tracking-brand)}
.orn-caps--tagline{text-transform:uppercase;letter-spacing:var(--tracking-tagline);padding-left:var(--tracking-tagline)}

h5,h6{font-family:var(--font-ui);font-size:var(--size-h5);line-height:var(--lh-h5);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-2)}
p{margin:0 0 var(--space-4);text-wrap:pretty}
a{color:var(--action);font-weight:600;text-decoration:none}
a:hover{color:var(--action-hover);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* Linki bez podkreslenia w spoczynku (decyzja marki). Zeby nie niosl ich sam kolor,
   dostaja grubsza grubosc; podkreslenie wraca przy najechaniu i fokusie. */
a:focus-visible{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}
::selection{background:var(--krem)}
img{max-width:100%;display:block}
button,input,select,textarea{color:inherit;font-family:inherit}
/* Zero czystej czerni: najciemniejszy kolor systemu to oberzyna #4D303F. */