/* LEO VET — paleta wyprowadzona z logo (scripts/paleta.py).
   Wczytywana po style.css, nadpisuje wartości domyślne z templates/tokens.css.
   Zielony z pliku logo1.png to green screen, nie kolor marki.

   Ma nadpisywać KAŻDY token barwny z tokens.css, nie część. Token pominięty
   tutaj zostaje na wartości domyślnej szablonu — a wartości domyślne to
   akurat paleta LEO VET, więc u tego klienta pominięcie niczego by nie
   zepsuło i nikt by się nie zorientował. U następnego już tak. */

:root {
  /* --- powierzchnie jasne --- */
  --paper-rgb:  250 246 238;   /* krem tła */
  --paper-2:    #F2EBDD;
  --paper-3-rgb: 235 224 205;
  --paper-4:    #DCCDB2;

  /* --- powierzchnie ciemne --- */
  --ink-rgb:    30 35 43;      /* grafit szyldu nad wejściem */
  --ink-2:      #2C3442;
  --ink-3:      #39404E;

  /* --- marka --- */
  --brand-rgb:  232 114 44;    /* pomarańcz z grzywy lwa, nietknięty */
  --brand-dk:   #AF4E17;       /* wersja czytelna na jasnym tle */
  --brand-lt:   #F19A63;       /* wersja czytelna na ciemnym tle */
  --accent:     #FFC121;       /* żółć z napisu „VET" */

  /* Na pomarańczu marki wygrywa grafit, nie biel: 5,17:1 kontra 3,05:1
     przy wymaganych 4,5:1. Biel na tym pomarańczu była nieczytelna od
     pierwszego wdrożenia — widać to na pasku „Twój zwierzak potrzebuje
     wizyty?" i na przyciskach w sekcji opinii.

     Alternatywą było przyciemnienie samego pomarańczu, ale to kolor
     z grzywy lwa w logo i nie ma powodu go ruszać, skoro wystarczy
     odwrócić tekst. */
  --on-brand-rgb: var(--ink-rgb);

  /* --- pozostałe tła i zasłony --- */
  --white-rgb:  255 255 255;   /* biel absolutna: znak wodny pokazu */
  --scrim-rgb:  22 26 33;      /* zasłona nad zdjęciami, ciemniejsza od --ink */

  /* --- tekst --- */
  --text:       #23282F;
  --muted:      #5D6570;
  --muted-2:    #6E6A60;       /* przyciemnione z #8A8578: 3,41:1 nie przechodziło */
}