/* tokens.css — paleta z decyzji projektowej (Grafitowa).
   Cztery zmienne to źródło prawdy; wszystko inne jest z nich liczone
   (color-mix), dlatego zmiana motywu zmienia CAŁY sklep, nie akcent. */
:root {
  --tlo: #f2f3f1;
  --tekst: #141a17;
  --akcent: #1f4f3a;
  --akcent-tekst: #ffffff;

  --tlo-2: color-mix(in srgb, var(--tlo) 94%, var(--tekst));
  --papier: color-mix(in srgb, var(--tlo) 86%, #fff);
  --ink: var(--tekst);
  --ink-2: color-mix(in srgb, var(--tekst) 82%, var(--tlo));
  --ink-3: color-mix(in srgb, var(--tekst) 64%, var(--tlo));
  --akcent-ciemny: color-mix(in srgb, var(--akcent) 82%, #000);
  --akcent-jasny: color-mix(in srgb, var(--akcent) 16%, var(--tlo));
  --clay: color-mix(in srgb, var(--akcent) 55%, #a8452a);
  --linia: color-mix(in srgb, var(--tekst) 14%, var(--tlo));
  --linia-mocna: color-mix(in srgb, var(--tekst) 26%, var(--tlo));
}