/* assets/tokens.css — V5 bedrijfsstem, Rijssenbeek-merkverloop als accent */
:root {
  --rp-bg: oklch(0.99 0.002 150);
  --rp-bg-2: oklch(0.966 0.005 150);
  --rp-kaart: oklch(1 0 0);
  --rp-ink: oklch(0.22 0.015 260);
  --rp-muted: oklch(0.43 0.015 260);
  --rp-line: oklch(0.9 0.006 150);

  /* donkere lagen (foto-overlays, voet) */
  --rp-void: oklch(0.17 0.02 260);
  --rp-void-ink: oklch(0.97 0.004 150);
  --rp-void-muted: oklch(0.78 0.01 260);
  --rp-void-line: oklch(0.33 0.02 260);

  /* merkaccent: het Rijssenbeek-verloop teal > groen > lime > geel */
  --rp-accent: oklch(0.5 0.12 158);
  --rp-accent-dim: oklch(0.74 0.1 152);
  --rp-accent-soft: oklch(0.94 0.05 148);
  --rp-merk-teal: oklch(0.65 0.11 185);
  --rp-merk-groen: oklch(0.72 0.15 155);
  --rp-merk-lime: oklch(0.86 0.18 118);
  --rp-merk-geel: oklch(0.92 0.18 105);

  --rp-display: "General Sans", ui-sans-serif, system-ui, sans-serif;
  --rp-sans: "General Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --rp-max: 76rem;
  --rp-z-content: 1;
  --rp-z-kopbalk: 3;
  --rp-z-voortgang: 4;
  --rp-z-menu: 20;
}