/* Gegenereerd uit DESIGN.md door _redesign/tokens.py. Niet met de hand bewerken. */
:root {
  --color-primary: #0e2a33;
  --color-primary-hover: #173e4a;
  --color-on-primary: #eef1ef;
  --color-background: #eef1ef;
  --color-surface: #ffffff;
  --color-surface-muted: #e2e8e5;
  --color-text: #23383f;
  --color-text-muted: #5b6b70;
  --color-signal: #f2b530;
  --color-signal-text: #6e4a00;
  --color-success: #2e7d4f;
  --color-success-on-dark: #8fd3a8;
  --color-error: #a83232;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 72px;
  --spacing-section: 136px;
  --spacing-gutter: 72px;
  --spacing-container: 1180px;
  --rounded-none: 0px;
  --rounded-sm: 2px;
  --rounded-md: 4px;
  --rounded-full: 999px;
}