:root {
  /* Roy Bosch design tokens — thema Dag (de site gebruikt alleen het lichte thema) */
  --paper: #eceae3;
  --paper-raised: #f6f5f1;
  --paper-sunken: #dad7cd;
  --line: #cdc9bc;
  --line-strong: #82735c;
  --grid: #dfdcd2;
  --ink: #344e41;
  --ink-muted: #5f5444;
  --signal: #1a7431;
  --signal-soft: #b7efc5;
  --on-signal: #ffffff;
  --cobalt: #3150b8;
  --cobalt-soft: #d7e3fc;
  --tint-foto: #ccdbfd;
  --tint-project: #d1f5be;
  --tint-blog: #d3dbc4;
  --graphite: #4b3b40;
  --on-graphite: #eceae3;
  --ok: #0f5f67;
  --ok-soft: #d3ebec;
  --warn: #7f4d00;
  --warn-soft: #f6e3c4;
  --danger: #a3213b;
  --danger-soft: #f6d6dc;
  --watermark-ink: #ffffff;
  --watermark-shade: #000000;
  --theater-ground: #0e0f11;
  --theater-ink: #ece8df;
  --theater-ink-muted: #a9aaa5;
  --theater-line: #ffffff26;
  --theater-accent: #6ede8a;
  --theater-focus: #97abf5;
  --link: var(--signal);
  --focus: var(--cobalt);
  --font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-0: 0px;
  --radius-sm: 2px;
  --radius-photo: 4px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --dur-fast: 140ms;
  --dur-scramble: 420ms;
  --dur-base: 260ms;
  --dur-slow: 700ms;
  --dur-expand: 620ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap: cubic-bezier(0.7, 0, 0.2, 1);
  --content-max: 1320px;
  --measure: 680px;
  --nav-height: 72px;
  --sheet-max: 1040px;
  --sidebar-width: 248px;
  --field-height: 48px;
  --shadow-lift: 0 1px 2px rgba(32, 34, 38, 0.06), 0 12px 32px -12px rgba(32, 34, 38, 0.18);
  --shadow-sheet: 0 2px 4px rgba(32, 34, 38, 0.06), 0 32px 80px -24px rgba(32, 34, 38, 0.35);
  --wm-tile: 0.08;
  --wm-mark: 0.6;
  --type-display-xl-size: 120px; --type-display-xl-lh: 0.92; --type-display-xl-weight: 400; --type-display-xl-tracking: -0.02em;
  --type-display-l-size: 80px; --type-display-l-lh: 0.95; --type-display-l-weight: 400; --type-display-l-tracking: -0.015em;
  --type-display-m-size: 56px; --type-display-m-lh: 1.0; --type-display-m-weight: 400; --type-display-m-tracking: -0.01em;
  --type-display-italic-size: 56px; --type-display-italic-lh: 1.0; --type-display-italic-weight: 400; --type-display-italic-tracking: -0.01em;
  --type-heading-l-size: 36px; --type-heading-l-lh: 1.15; --type-heading-l-weight: 600; --type-heading-l-tracking: -0.01em;
  --type-heading-m-size: 26px; --type-heading-m-lh: 1.25; --type-heading-m-weight: 600;
  --type-heading-s-size: 20px; --type-heading-s-lh: 1.35; --type-heading-s-weight: 600;
  --type-lead-size: 22px; --type-lead-lh: 1.5; --type-lead-weight: 400;
  --type-body-size: 18px; --type-body-lh: 1.65; --type-body-weight: 400;
  --type-body-s-size: 16px; --type-body-s-lh: 1.55; --type-body-s-weight: 400;
  --type-button-size: 16px; --type-button-lh: 1.0; --type-button-weight: 600;
  --type-label-size: 13px; --type-label-lh: 1.4; --type-label-weight: 500; --type-label-tracking: 0.08em;
  --type-meta-size: 14px; --type-meta-lh: 1.5; --type-meta-weight: 400;
  --type-code-size: 15px; --type-code-lh: 1.6; --type-code-weight: 400;
}