/* Slimmie design tokens — generated by tools/final/tokens.mjs. Do not edit by hand. */
/* Font: Hanken Grotesk (SIL OFL 1.1), e.g. https://fonts.google.com/specimen/Hanken+Grotesk */
:root {
  color-scheme: light;
  --neutral-0: #FFFFFF;
  --neutral-25: #FDFCF9;
  --neutral-50: #F7F4EC;
  --neutral-100: #EFEBE0;
  --neutral-200: #E0DBCD;
  --neutral-300: #CBC4B2;
  --neutral-400: #A9A393;
  --neutral-500: #868070;
  --neutral-550: #736E63;
  --neutral-600: #69645A;
  --neutral-700: #4D4A41;
  --neutral-800: #2C2A24;
  --neutral-900: #1E1D19;
  --neutral-950: #14130F;
  --ochre-50: #FEF8EA;
  --ochre-100: #FBEFD0;
  --ochre-200: #F6DD9F;
  --ochre-300: #F2C766;
  --ochre-400: #F2B632;
  --ochre-500: #D6960F;
  --ochre-600: #B07A0A;
  --ochre-700: #8A5F0C;
  --ochre-800: #694810;
  --ochre-900: #4A3311;
  --red-50: #FDF0EE;
  --red-100: #FADCD7;
  --red-300: #F0A091;
  --red-500: #D14B37;
  --red-600: #A93424;
  --red-700: #86291D;
  --green-50: #EEF6F0;
  --green-100: #D5EBDC;
  --green-300: #8CC3A0;
  --green-600: #2F6E47;
  --green-700: #255838;
  --bg-canvas: #F7F4EC;
  --bg-surface: #FFFFFF;
  --bg-subtle: #EFEBE0;
  --bg-inverse: #14130F;
  --bg-scrim: rgba(20,19,15,.4);
  --text-primary: #14130F;
  --text-secondary: #69645A;
  --text-tertiary: #736E63;
  --text-inverse: #F7F4EC;
  --border-default: #E0DBCD;
  --border-strong: #CBC4B2;
  --border-input: #868070;
  --border-focus: #14130F;
  --action-primary-bg: #14130F;
  --action-primary-text: #F7F4EC;
  --action-primary-hover: #2C2A24;
  --action-secondary-bg: #FFFFFF;
  --action-secondary-text: #14130F;
  --action-secondary-border: #E0DBCD;
  --action-akkoord-bg: #D6960F;
  --action-akkoord-text: #14130F;
  --action-akkoord-hover: #F2B632;
  --accent: #D6960F;
  --accent-subtle: #FBEFD0;
  --accent-text: #8A5F0C;
  --status-bezig: #69645A;
  --status-voorbereid: #14130F;
  --status-wacht: #D6960F;
  --status-wacht-line: #B07A0A;
  --status-gedaan: #14130F;
  --feedback-error-text: #A93424;
  --feedback-error-bg: #FDF0EE;
  --feedback-error-border: #FADCD7;
  --feedback-success-text: #255838;
  --feedback-success-bg: #EEF6F0;
  --feedback-success-border: #D5EBDC;
  --logo-letters: #14130F;
  --logo-punt: #D6960F;
  --data-1: #2C2A24;
  --data-2: #5B7A8C;
  --data-3: #5F7F67;
  --data-4: #B5654A;
  --data-5: #8C7A57;
  --font-brand: 'Hanken Grotesk', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --type-display-2xl: 600 112px/0.95 var(--font-brand);
  --type-display-2xl-tracking: -0.045em;
  --type-display-xl: 600 72px/1 var(--font-brand);
  --type-display-xl-tracking: -0.04em;
  --type-display-l: 600 56px/1.02 var(--font-brand);
  --type-display-l-tracking: -0.035em;
  --type-display-m: 600 44px/1.05 var(--font-brand);
  --type-display-m-tracking: -0.03em;
  --type-heading-l: 600 32px/1.15 var(--font-brand);
  --type-heading-l-tracking: -0.02em;
  --type-heading-m: 600 24px/1.2 var(--font-brand);
  --type-heading-m-tracking: -0.015em;
  --type-heading-s: 600 19px/1.3 var(--font-brand);
  --type-heading-s-tracking: -0.01em;
  --type-body-l: 400 18px/1.55 var(--font-brand);
  --type-body-l-tracking: 0em;
  --type-body-m: 400 15px/1.55 var(--font-brand);
  --type-body-m-tracking: 0em;
  --type-ui: 400 14px/1.45 var(--font-brand);
  --type-ui-tracking: 0em;
  --type-body-s: 400 13px/1.5 var(--font-brand);
  --type-body-s-tracking: 0em;
  --type-label: 600 12px/1.3 var(--font-brand);
  --type-label-tracking: 0.01em;
  --type-caption: 500 11px/1.35 var(--font-brand);
  --type-caption-tracking: 0.02em;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 999px;
  --layout-side: 248px;
  --layout-gutter: 40px;
  --layout-gutter-sm: 16px;
  --layout-content: 1120px;
  --layout-reading: 720px;
  --layout-rail: 300px;
  --layout-form: 560px;
  --shadow-1: 0 0 0 1px rgba(20,19,15,.08), 0 1px 2px rgba(20,19,15,.06);
  --shadow-2: 0 0 0 1px rgba(20,19,15,.06), 0 8px 24px -8px rgba(20,19,15,.18);
  --shadow-3: 0 0 0 1px rgba(20,19,15,.05), 0 24px 60px -20px rgba(20,19,15,.28);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --duration-punt: 520ms;
  --duration-loop: 36000ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-rustig: cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg-canvas: #14130F;
    --bg-surface: #1E1D19;
    --bg-subtle: #2C2A24;
    --bg-inverse: #F7F4EC;
    --bg-scrim: rgba(0,0,0,.6);
    --text-primary: #F7F4EC;
    --text-secondary: #A9A393;
    --text-tertiary: #918B7C;
    --text-inverse: #14130F;
    --border-default: #2C2A24;
    --border-strong: #4D4A41;
    --border-input: #868070;
    --border-focus: #F7F4EC;
    --action-primary-bg: #F7F4EC;
    --action-primary-text: #14130F;
    --action-primary-hover: #E0DBCD;
    --action-secondary-bg: #1E1D19;
    --action-secondary-text: #F7F4EC;
    --action-secondary-border: #4D4A41;
    --action-akkoord-bg: #F2B632;
    --action-akkoord-text: #14130F;
    --action-akkoord-hover: #F2C766;
    --accent: #F2B632;
    --accent-subtle: #3A2C0E;
    --accent-text: #F2C766;
    --status-bezig: #A9A393;
    --status-voorbereid: #F7F4EC;
    --status-wacht: #F2B632;
    --status-wacht-line: #F2B632;
    --status-gedaan: #F7F4EC;
    --feedback-error-text: #F0A091;
    --feedback-error-bg: #3A1A15;
    --feedback-error-border: #5A261D;
    --feedback-success-text: #8CC3A0;
    --feedback-success-bg: #15291D;
    --feedback-success-border: #1F3B2A;
    --logo-letters: #F7F4EC;
    --logo-punt: #D6960F;
    --data-1: #E0DBCD;
    --data-2: #8FB0C2;
    --data-3: #A7C4AC;
    --data-4: #D9876B;
    --data-5: #C9B48A;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-canvas: #14130F;
  --bg-surface: #1E1D19;
  --bg-subtle: #2C2A24;
  --bg-inverse: #F7F4EC;
  --bg-scrim: rgba(0,0,0,.6);
  --text-primary: #F7F4EC;
  --text-secondary: #A9A393;
  --text-tertiary: #918B7C;
  --text-inverse: #14130F;
  --border-default: #2C2A24;
  --border-strong: #4D4A41;
  --border-input: #868070;
  --border-focus: #F7F4EC;
  --action-primary-bg: #F7F4EC;
  --action-primary-text: #14130F;
  --action-primary-hover: #E0DBCD;
  --action-secondary-bg: #1E1D19;
  --action-secondary-text: #F7F4EC;
  --action-secondary-border: #4D4A41;
  --action-akkoord-bg: #F2B632;
  --action-akkoord-text: #14130F;
  --action-akkoord-hover: #F2C766;
  --accent: #F2B632;
  --accent-subtle: #3A2C0E;
  --accent-text: #F2C766;
  --status-bezig: #A9A393;
  --status-voorbereid: #F7F4EC;
  --status-wacht: #F2B632;
  --status-wacht-line: #F2B632;
  --status-gedaan: #F7F4EC;
  --feedback-error-text: #F0A091;
  --feedback-error-bg: #3A1A15;
  --feedback-error-border: #5A261D;
  --feedback-success-text: #8CC3A0;
  --feedback-success-bg: #15291D;
  --feedback-success-border: #1F3B2A;
  --logo-letters: #F7F4EC;
  --logo-punt: #D6960F;
  --data-1: #E0DBCD;
  --data-2: #8FB0C2;
  --data-3: #A7C4AC;
  --data-4: #D9876B;
  --data-5: #C9B48A;
}