:root {
  /* Freigegebenes Marken- und Logo-Petrol; geometrische Vektorlogos in Logos/. */
  --ww-petrol: #097d84;
  --ww-graphit: #202d32;
  --ww-weiss: #ffffff;
  --ww-mint: #f2f8f7;
  --ww-kontur: #64757a;
  --ww-sand: #e8dccb;
  --ww-background: var(--ww-weiss);
  --ww-text: var(--ww-graphit);
  --ww-accent: var(--ww-petrol);
  --ww-surface: var(--ww-mint);
  --ww-on-accent: var(--ww-weiss);
  --ww-control-border: var(--ww-kontur);
  --ww-focus: var(--ww-petrol);
  --ww-decorative-accent: var(--ww-sand);
  --ww-font-body: 'Source Sans 3', sans-serif;
  --ww-font-heading: 'Montserrat', sans-serif;
}