/* Gegenereerd uit brand/tokens.json door build.py. Niet met de hand aanpassen. */
:root {
  --color-ink: #07081F;
  --color-ink-2: #1A1B2E;
  --color-ink-3: #3A3B4C;
  --color-mute: #6E6E78;
  --color-mute-2: #999999;
  --color-line: #EDEBE8;
  --color-paper: #FCFAF8;
  --color-paper-2: #F5F3F0;
  --color-paper-3: #ECE9E5;
  --color-accent: #0099FF;
  --color-signal: #11D66D;
  --color-perzik: #F2783A;
  --color-roze: #D63CB4;
  --color-pastel-blauw: #EBF7FF;
  --color-pastel-perzik: #FFF0E6;
  --color-pastel-groen: #E6FAEF;
  --color-pastel-roze: #FFE6F9;
  --color-groen-tekst: #0A9E50;
  --color-on-ink: #FFFFFF;
  --color-on-ink-mute: #A3A4B3;
  --glass-light-fill: rgba(255, 255, 255, 0.62);
  --glass-light-border: rgba(255, 255, 255, 0.72);
  --glass-light-highlight: rgba(255, 255, 255, 0.9);
  --glass-dark-fill: rgba(7, 8, 31, 0.55);
  --glass-dark-border: rgba(255, 255, 255, 0.14);
  --glass-dark-highlight: rgba(255, 255, 255, 0.22);
  --glass-blur: 22px;
  --glass-saturate: 1.8;
  --glass-shadow: 0 10px 40px rgba(0, 0, 0, 0.10);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --layout-max-width: 1200px;
  --layout-gutter-mobile: 20px;
  --layout-gutter-desktop: 32px;
  --layout-nav-height: 60px;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-fast: 160ms;
  --motion-base: 320ms;
  --motion-slow: 700ms;
  --motion-reveal-distance: 18px;
  --raster-cel: 40px;
  --raster-lijn: rgba(7, 8, 31, 0.045);
  --font-sans: Inter;
  --font-sans-stack: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: Fragment Mono;
  --font-mono-stack: 'Fragment Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --type-display: clamp(2.6rem, 1.4rem + 5.6vw, 6rem);
  --type-h1: clamp(2.2rem, 1.4rem + 3.6vw, 4.25rem);
  --type-h2: clamp(1.85rem, 1.3rem + 2.4vw, 3.25rem);
  --type-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem);
  --type-body: 1.0625rem;
  --type-small: 0.875rem;
  --type-label: 0.75rem;
}
