/* Gegenereerd uit design-system/project/tokens.json. Niet met de hand wijzigen. */
:root, [data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e141b;
  --surface: #161d26;
  --surface-raised: #1d2631;
  --line: #2a3542;
  --line-strong: #5b6b7c;
  --ink: #e6ecf1;
  --ink-muted: #9aa8b5;
  --accent: #3cc4de;
  --on-accent: #06222a;
  --accent-soft: #123340;
  --kind-learn: #7fb2ff;
  --kind-learn-soft: #172843;
  --kind-ref: #a9b8c8;
  --kind-ref-soft: #202a36;
  --kind-recall: #c3a2ff;
  --kind-recall-soft: #271f3f;
  --kind-practice: var(--accent);
  --kind-practice-soft: var(--accent-soft);
  --kind-fix: #f28cbc;
  --kind-fix-soft: #3a1a2b;
  --osi-data: #a9b8c8;
  --osi-data-soft: #202a36;
  --osi-l4: #c3a2ff;
  --osi-l4-soft: #271f3f;
  --osi-l3: #7fb2ff;
  --osi-l3-soft: #172843;
  --osi-l2: var(--accent);
  --osi-l2-soft: var(--accent-soft);
  --osi-l1: #f28cbc;
  --osi-l1-soft: #3a1a2b;
  --focus: var(--accent);
  --term-bg: #0b0f14;
  --term-line: #1f2833;
  --term-ink: #d7e3ea;
  --term-prompt: #7fd8ea;
  --term-muted: #8b99a6;
  --term-error: #ff8a7a;
  --term-sys: #e8c36a;
  --ok: #4cc38a;
  --ok-soft: #10301f;
  --warn: #e6a83a;
  --warn-soft: #3a2a0c;
  --bad: #f2766a;
  --bad-soft: #3d1714;
  --neutral: #8896a3;
  --proof-bg: #e6ecf1;
  --proof-ink: #0e141b;
  --shadow-sheet: -16px 0 40px -16px rgba(0, 0, 0, 0.6);
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.5);
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #f1f4f7;
  --surface: #ffffff;
  --surface-raised: #f6f8fa;
  --line: #d3dbe3;
  --line-strong: #7b8794;
  --ink: #131c25;
  --ink-muted: #52606d;
  --accent: #0a6d87;
  --on-accent: #ffffff;
  --accent-soft: #dceff4;
  --kind-learn: #2156b8;
  --kind-learn-soft: #e3ecfb;
  --kind-ref: #4b5c6e;
  --kind-ref-soft: #e8edf2;
  --kind-recall: #6d3fc8;
  --kind-recall-soft: #efe7fb;
  --kind-practice: var(--accent);
  --kind-practice-soft: var(--accent-soft);
  --kind-fix: #a8255f;
  --kind-fix-soft: #fbe5ef;
  --osi-data: #4b5c6e;
  --osi-data-soft: #e8edf2;
  --osi-l4: #6d3fc8;
  --osi-l4-soft: #efe7fb;
  --osi-l3: #2156b8;
  --osi-l3-soft: #e3ecfb;
  --osi-l2: var(--accent);
  --osi-l2-soft: var(--accent-soft);
  --osi-l1: #a8255f;
  --osi-l1-soft: #fbe5ef;
  --focus: var(--accent);
  --term-bg: #0b0f14;
  --term-line: #1f2833;
  --term-ink: #d7e3ea;
  --term-prompt: #7fd8ea;
  --term-muted: #8b99a6;
  --term-error: #ff8a7a;
  --term-sys: #e8c36a;
  --ok: #1b7a4b;
  --ok-soft: #e3f3ea;
  --warn: #8f5b00;
  --warn-soft: #fbefd9;
  --bad: #b42318;
  --bad-soft: #fbe4e1;
  --neutral: #5f6b77;
  --proof-bg: #131c25;
  --proof-ink: #ffffff;
  --shadow-sheet: -16px 0 40px -16px rgba(19, 28, 37, 0.25);
  --shadow-pop: 0 8px 24px rgba(19, 28, 37, 0.14);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-condensed: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
}