/* Tokens voor Van Baaren Diervoeders.
 *
 * Dit bestand is per zaak gegenereerd: de merkkleur komt uit hun eigen site,
 * de rest is daaruit afgeleid en op contrast nagerekend. styles.css noemt
 * nergens een losse kleur of maat en leest alleen deze waarden, dus dit is
 * het enige bestand dat je aanraakt als je de site wilt bijstellen.
 *
 * Sfeer: licht. Letterpaar: Spectral / Red Hat Text.
 * Ritme: ruim. Accent komt uit: merk.
 * Contrast tekst op canvas: 17.22:1.
 */
:root {
  --canvas: #fbfbfb;
  --vlak: #f1f1f1;
  --inkt: #1d1616;
  --inkt-zacht: #785e5e;
  --lijn: #e3dddd;
  --accent: #404040;
  --accent-vlak: #404040;
  --op-accent: #ffffff;
  --letter-kop: "Spectral", Georgia, "Times New Roman", serif;
  --letter-tekst: "Red Hat Text", ui-sans-serif, system-ui, sans-serif;
  --tekst-display: 40.33px;
  --tekst-h1: 32.01px;
  --tekst-h2: 25.4px;
  --tekst-h3: 20.16px;
  --tekst-tekst: 16px;
  --tekst-klein: 12.7px;
  --tekst-label: 10.08px;
  --regel-kop: 1.12;
  --regel-tekst: 1.72;
  --spatie-kop: -0.015em;
  --spatie-label: 0.12em;
  --eenheid: 10px;
  --maat: 1240px;
  --radius: 2px;
  --lijndikte: 1px;
  --openingsfilm-achtergrond: #fbfbfb;
  --openingsfilm-demping: .55;
  --gryd-balk-accent: #301717;
}