/* Huisstijl van Sauna's & Zwembaden (core #107): alleen de eigen kleuren; de rest komt uit app.css van dashboard-core.
   Merkkleur #ff6936 (oranje, $primary in scss van het thema saunas-en-zwembaden), in OKLCH L 70.2% C 0.194 H 38.3. Wit
   daarop haalt maar 2.9:1 (WCAG: 4.5:1), dus de knopkleur is dezelfde kleurhoek, donkerder: #cc4103 (4.9:1), hover
   #ab3501. Het felle oranje zelf blijft het decoratieve tweede accent (--brand-orange). De neutrale grijstinten staan
   op dezelfde kleurhoek, zodat ook de grijzen bij het merk horen. */
:root {
  --bg: oklch(97.5% 0.006 38.3);
  --surface-alt: oklch(20% 0.03 38.3);
  --surface-alt-ink: oklch(92% 0.012 38.3);
  --border: oklch(90% 0.01 38.3);
  --border-strong: oklch(80% 0.014 38.3);

  --ink: oklch(24% 0.02 38.3);
  --ink-muted: oklch(45% 0.02 38.3);
  --ink-faint: oklch(60% 0.016 38.3);

  --accent: oklch(57% 0.184 38.3); /* #cc4103 */
  --accent-hover: oklch(50% 0.162 38.3); /* #ab3501 */
  --accent-tint: oklch(94% 0.05 38.3);

  /* Tweede accent (merkteken): het felle oranje van het merk, puur decoratief. */
  --brand-orange: oklch(70.2% 0.194 38.3); /* #ff6936 */
  --brand-orange-hover: oklch(65.2% 0.194 38.3);
}