/* Gegenereerd uit tokens.json door build.mjs – niet met de hand aanpassen. */
:root {
  --brand-orange: #EC6608;
  --brand-darkgrey: #3C3C3B;
  --brand-orange-mid: #F1883D;
  --brand-orange-light: #F6A86E;
  --brand-grey: #706F6F;
  --brand-grey-light: #DADADA;
  --color-text: #000000;
  --color-text-ui: #3C3C3B;
  --color-muted: #706F6F;
  --color-line: #DADADA;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F0F0F0;
  --color-ok: #2E7D32;
  --color-fail: #C00000;
  --role-ber: #EC6608;
  --role-ber-ink: #FFFFFF;
  --role-ber-light: #F6A86E;
  --role-ber-light-ink: #3C3C3B;
  --role-tek: #8EA9DB;
  --role-tek-ink: #FFFFFF;
  --role-tek-light: #C5D4EE;
  --role-tek-light-ink: #27467F;
  --role-meet: #D36AA8;
  --role-meet-ink: #FFFFFF;
  --status-wacht: #C2A05A;
  --status-wacht-surface: #FBEBB5;
  --status-wacht-ink: #3C3C3B;
  --status-controle: #8FB3DC;
  --status-controle-surface: #DCEAF5;
  --status-controle-ink: #3C3C3B;
  --status-lang: #BDBDBD;
  --status-lang-surface: #F0F0EF;
  --status-lang-ink: #3C3C3B;
  --font-sans: "Segoe UI", system-ui, sans-serif;
  --font-narrow: "Aptos Narrow", Aptos, "Segoe UI", sans-serif;
  --font-mono: Consolas, "Courier New", monospace;
  --size-title: 24px;
  --size-h1: 20px;
  --size-h2: 16px;
  --size-h3: 15px;
  --size-body: 15px;
  --size-calc: 14px;
  --size-table: 14px;
  --size-caption: 13px;
  --size-software: 13px;
  --line-height-body: 1.5;
  --size-compact-title: 20px;
  --size-compact-h1: 16px;
  --size-compact-h2: 14px;
  --size-compact-h3: 13px;
  --size-compact-body: 13px;
  --size-compact-table: 12px;
  --size-compact-caption: 11px;
  --size-compact-mono: 11px;
  --line-height-compact: 1.4;
  --radius: 4px;
  --focus-ring: 3px;
  --header-border: 3px;
  --header-logo-height: 46px;
  --header-button-height: 28px;
  --color-on-brand: #FFFFFF;
  --motion-fast: 100ms;
  --motion-base: 150ms;
  --motion-slow: 200ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-standard: ease-out;
  --motion-press: 0.96;
  --motion-pop: 4px;
  --motion-open: 6px;
  --motion-toast: 10px;
  --motion-panel: 28px;
  --motion-swipe: 40%;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text: #ECECEB;
    --color-text-ui: #ECECEB;
    --color-muted: #B4B3B3;
    --color-line: #4A4A49;
    --color-surface: #232322;
    --color-surface-alt: #2E2E2D;
    --color-ok: #6FBF73;
    --color-fail: #FF6B6B;
    --role-ber: #D56B22;
    --role-ber-ink: #FFFFFF;
    --role-ber-light: #8C4A1D;
    --role-ber-light-ink: #F5C09A;
    --role-tek: #5D7FC4;
    --role-tek-ink: #FFFFFF;
    --role-tek-light: #3B5285;
    --role-tek-light-ink: #B9CCF2;
    --role-meet: #B8578F;
    --role-meet-ink: #FFFFFF;
    --status-wacht: #C2A05A;
    --status-wacht-surface: #4A3D0C;
    --status-wacht-ink: #FFE07A;
    --status-controle: #5F8FC4;
    --status-controle-surface: #16364A;
    --status-controle-ink: #A6D6F2;
    --status-lang: #706F6F;
    --status-lang-surface: #3A3A39;
    --status-lang-ink: #ECECEB;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --color-text: #ECECEB;
  --color-text-ui: #ECECEB;
  --color-muted: #B4B3B3;
  --color-line: #4A4A49;
  --color-surface: #232322;
  --color-surface-alt: #2E2E2D;
  --color-ok: #6FBF73;
  --color-fail: #FF6B6B;
  --role-ber: #D56B22;
  --role-ber-ink: #FFFFFF;
  --role-ber-light: #8C4A1D;
  --role-ber-light-ink: #F5C09A;
  --role-tek: #5D7FC4;
  --role-tek-ink: #FFFFFF;
  --role-tek-light: #3B5285;
  --role-tek-light-ink: #B9CCF2;
  --role-meet: #B8578F;
  --role-meet-ink: #FFFFFF;
  --status-wacht: #C2A05A;
  --status-wacht-surface: #4A3D0C;
  --status-wacht-ink: #FFE07A;
  --status-controle: #5F8FC4;
  --status-controle-surface: #16364A;
  --status-controle-ink: #A6D6F2;
  --status-lang: #706F6F;
  --status-lang-surface: #3A3A39;
  --status-lang-ink: #ECECEB;
  color-scheme: dark;
}