/* ============================================================
   TOKENY — jedyne miejsce, w którym pojawiają się wartości kolorów.
   Brązy + biel = baza. Błękit = akcent (kolor polskich tablic
   drogowych — stąd sekcja dojazdu jako znak rozpoznawczy).
   Komponenty odwołują się WYŁĄCZNIE do tych zmiennych.
   ============================================================ */
:root{
  --brown-900:#2E231C;
  --brown-700:#5A4436;
  /* Przyciemnione o 4 punkty względem projektu (#8A6C55): tam tekst tym kolorem
     na tle --sand-100 dawał kontrast 4.29:1, czyli poniżej progu WCAG AA (4.5:1).
     Po korekcie 4.55:1 na piasku i 5.11:1 na bieli. Różnica jest niewidoczna gołym
     okiem, a nadkreślniki w sekcjach „Dojazd” i „Noclegi” stają się czytelne. */
  --brown-500:#866851;
  --brown-300:#B99C81;
  --sand-200:#E7DACB;
  --sand-100:#F6F1EB;
  --white:#FFFFFF;

  --blue-700:#22587C;
  --blue-600:#2C6E9B;
  --blue-400:#6FA8CE;
  --blue-100:#E4EEF5;

  /* Tarcza drogi krajowej — czerwień z polskiego oznakowania. */
  --red-600:#B04A3A;

  /* Przyciemnienie pod podpisem zdjęcia i linia w ciemnej stopce. */
  --overlay-caption:rgba(46,35,28,.72);
  --hairline-inverse:rgba(255,255,255,.12);

  --display:"Fraunces",Georgia,serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  --wrap:1200px;
  --r:4px;
  --shadow:0 1px 2px rgba(46,35,28,.06), 0 8px 24px -12px rgba(46,35,28,.18);
}