/* WELHOOP design tokens — gedeeld door website, beheer en flyers */
:root {
  --wh-navy: #0E1530;
  --wh-navy-2: #18224A;
  --wh-ink: #10162B;
  --wh-paper: #FFF9F0;
  --wh-blue: #1E5BEF;
  --wh-blue-2: #2F8CFF;
  --wh-red: #E5202E;
  --wh-magenta: #C2187A;
  --wh-orange: #F28522;    /* CEA-oranje */
  --wh-yellow: #FFC21A;
  --wh-green: #2DB34A;
  --wh-purple: #7B3FBF;
  --wh-wa: #25D366;
  --wh-grad-hope: linear-gradient(90deg, #E5202E, #F28522 35%, #FFC21A 55%, #2DB34A 75%, #1E5BEF);
  --wh-grad-warm: linear-gradient(135deg, #F28522, #E5202E);
  --wh-radius: 20px;
  --wh-radius-sm: 12px;
  --wh-shadow: 0 10px 30px rgba(14, 21, 48, .10);
  --wh-shadow-lg: 0 24px 60px rgba(14, 21, 48, .18);
  /* Systeemlettertypen: snel en zonder externe lettertypediensten (privacy) */
  --wh-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --wh-font-display: ui-rounded, "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;
}