/* GEGENEREERD uit design/tris-tokens.json (2026-09-28) door scripts/design-tokens.mjs — niet met de hand wijzigen. */
:root {
  --tris-color-navy-950: #08182a;
  --tris-color-navy-900: #0c2237;
  --tris-color-navy-800: #12304f;
  --tris-color-navy-700: #1c4470;
  --tris-color-navy-100: #e6edf5;
  --tris-color-navy-50: #f3f6fa;
  --tris-color-orange-600: #d9660a;
  --tris-color-orange-500: #f07d1a;
  --tris-color-orange-100: #fdebd9;
  --tris-color-ink: #15212d;
  --tris-color-ink-2: #4a5968;
  --tris-color-line: #d4dbe3;
  --tris-color-bg: #f5f7f9;
  --tris-color-surface: #ffffff;
  --tris-color-surface-2: #edf1f5;
  --tris-color-white: #ffffff;
  --tris-color-ok: #1d7a3e;
  --tris-color-ok-soft: #e1f2e6;
  --tris-color-warn: #8a5a00;
  --tris-color-warn-soft: #fbefd2;
  --tris-color-err: #a42525;
  --tris-color-err-soft: #f9e1e1;
  --tris-color-focus: #1b6fd6;
  --tris-color-whatsapp: #177a41;
  --tris-primary: var(--tris-color-navy-800);
  --tris-primary-ink: var(--tris-color-white);
  --tris-primary-soft: var(--tris-color-navy-100);
  --tris-accent: var(--tris-color-orange-500);
  --tris-accent-hover: var(--tris-color-orange-600);
  --tris-accent-ink: var(--tris-color-navy-950);
  --tris-accent-soft: var(--tris-color-orange-100);
  --tris-header-bg: var(--tris-color-navy-900);
  --tris-header-ink: var(--tris-color-white);
  --tris-footer-bg: var(--tris-color-navy-950);
  --tris-footer-ink: var(--tris-color-navy-100);
  --tris-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tris-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --tris-radius-m: 10px;
  --tris-radius-s: 6px;
  --tris-radius-pill: 999px;
  --tris-space-gap: 16px;
  --tris-space-gutter: 16px;
  --tris-space-max: 1180px;
  --tris-shadow-card: 0 1px 2px rgba(8,24,42,.06), 0 2px 10px rgba(8,24,42,.06);
  --tris-size-header-h: 64px;
  --tris-size-tap: 44px;
  --c-bg: var(--tris-color-bg);
  --c-surface: var(--tris-color-surface);
  --c-surface-2: var(--tris-color-surface-2);
  --c-ink: var(--tris-color-ink);
  --c-ink-2: var(--tris-color-ink-2);
  --c-line: var(--tris-color-line);
  --c-brand: var(--tris-primary);
  --c-brand-ink: var(--tris-primary-ink);
  --c-brand-soft: var(--tris-primary-soft);
  --c-tape: var(--tris-accent);
  --c-tape-ink: var(--tris-accent-ink);
  --c-accent: var(--tris-accent);
  --c-accent-hover: var(--tris-accent-hover);
  --c-accent-soft: var(--tris-accent-soft);
  --c-ok: var(--tris-color-ok);
  --c-ok-soft: var(--tris-color-ok-soft);
  --c-warn: var(--tris-color-warn);
  --c-warn-soft: var(--tris-color-warn-soft);
  --c-err: var(--tris-color-err);
  --c-err-soft: var(--tris-color-err-soft);
  --c-focus: var(--tris-color-focus);
  --c-white: var(--tris-color-white);
  --c-header-bg: var(--tris-header-bg);
  --c-header-ink: var(--tris-header-ink);
  --c-footer-bg: var(--tris-footer-bg);
  --c-footer-ink: var(--tris-footer-ink);
  --c-whatsapp: var(--tris-color-whatsapp);
  --c-navy-700: var(--tris-color-navy-700);
  --c-navy-50: var(--tris-color-navy-50);
  --radius: var(--tris-radius-m);
  --radius-s: var(--tris-radius-s);
  --gap: var(--tris-space-gap);
  --shadow: var(--tris-shadow-card);
  --font: var(--tris-font-sans);
  --mono: var(--tris-font-mono);
  --header-h: var(--tris-size-header-h);
  color-scheme: light;
}