:root {
  --dsh-color-nachtblauw: #153044;
  --dsh-color-aqua: #65B9C3;
  --dsh-color-linnen: #E9D9C3;
  --dsh-color-burgundy: #7A263A;
  --dsh-color-papier: #FFFDF9;
  /*
   * Zachte tekst moet op linnen én papier leesbaar blijven. Het eerdere
   * #52646C haalde op linnen 4,47:1 en bleef daarmee net onder de 4,5:1 die
   * WCAG 2.2 AA vraagt (ADR-0025). Deze tint haalt 4,96:1 op linnen en
   * 6,76:1 op papier.
   */
  --dsh-color-tekst-zacht: #4C5D64;

  --dsh-color-brand: var(--dsh-color-nachtblauw);
  --dsh-color-route-bedden: var(--dsh-color-aqua);
  --dsh-color-route-kado: var(--dsh-color-burgundy);
  --dsh-color-surface: var(--dsh-color-papier);
  --dsh-color-surface-warm: var(--dsh-color-linnen);

  /*
   * Typografie van de openbare site volgt de goedgekeurde demo: Newsreader
   * voor woordmerk en koppen, DM Sans voor tekst, navigatie en formulieren.
   * De cursieve Newsreader draagt de accentregel in de hero's.
   */
  --dsh-font-wordmark: 'Newsreader', Georgia, serif;
  --dsh-font-display: 'Newsreader', Georgia, serif;
  --dsh-font-body: 'DM Sans', Arial, sans-serif;
}