/* moijn Design System — tokens as CSS variables, light + dark. GENERATED by tools/build-starter.mjs from design/ — do not edit. */
:root {
  --bg-canvas: #f5f5f3;
  --bg-sheet: #ffffff;
  --bg-parchment: #efefec;
  --bg-muted: #e7e7e4;
  --ink: #111113;
  --ink-strong: #000000;
  --ink-muted: #66666b;
  --line: #111113;
  --line-soft: #e7e7e4;
  --stone: #a1a1a6;
  --clay: #d3d2cd;
  --brand: #FFE500;
  --on-brand: #111113;
  --brand-text: #7a6500;
  --on-ink: #ffffff;
  --focus: var(--brand-text);
  --text-danger: #b52f2f;
  --bg-danger: #fbeaea;
  --bg-danger-bold: #b52f2f;
  --bg-danger-bold-hovered: #962626;
  --border-danger: #e05555;
  --text-warning: #9a5b00;
  --bg-warning: #fbf0e0;
  --bg-warning-bold: #f0a63a;
  --on-warning-bold: #111113;
  --border-warning: #c27a12;
  --text-success: #007a35;
  --bg-success: #e6f4ec;
  --bg-success-bold: #007a35;
  --border-success: #1f9d55;
  --text-info: #2f5bd0;
  --bg-info: #ebf0fc;
  --bg-info-bold: #2f5bd0;
  --border-info: #5a86f0;
  --bg-neutral-hovered: #11111314;
  --bg-neutral-pressed: #11111324;
  --bg-selected: #fff6b3;
  --border-selected: var(--brand-text);
  --text-selected: var(--brand-text);
  --bg-input: var(--bg-sheet);
  --border-input: #86868b;
  --bg-disabled: #1111130f;
  --text-disabled: #a1a1a6;
  --surface-overlay: #ffffff;
  --bg-inverse: var(--ink);
  --text-inverse: var(--on-ink);
  --blanket: #00000059;
  --chart-1: #0ea048;
  --chart-2: #3d5afe;
  --chart-3: #ff2e93;
  --chart-4: #e98a18;
  --chart-5: #0098b8;
  --chart-other: #86868b;
  --chart-grid: var(--line-soft);
  --chart-axis: var(--ink-muted);
  --item-1: #D97757;
  --item-2: #CF4040;
  --item-3: #D6458C;
  --item-4: #8457D1;
  --item-5: #3B6BE0;
  --item-6: #1B9AA3;
  --item-7: #2F9A58;
  --item-8: #DBA12A;
  --item-9: #474C59;
  --shadow-overlay: 0 0 0 1px #0000000f, 0 16px 40px #00000029;
  --space-025: 2px;
  --space-050: 4px;
  --space-075: 6px;
  --space-100: 8px;
  --space-150: 12px;
  --space-200: 16px;
  --space-250: 20px;
  --space-300: 24px;
  --space-400: 32px;
  --space-500: 40px;
  --space-600: 48px;
  --space-800: 64px;
  --space-1000: 80px;
  --space-gutter: 29px;
  --space-section: 112px;
  --radius-none: 0px;
  --radius-small: 4px;
  --radius-input: 6px;
  --radius-card: 8px;
  --radius-overlay: 12px;
  --radius-pill: 999px;
  --border-width: 1px;
  --border-width-focused: 2px;
  --page-max: 1440px;
  --content-max: 1200px;
  --measure: 68ch;
  --form-max: 560px;
  --field-width-xs: 80px;
  --field-width-sm: 160px;
  --field-width-md: 320px;
  --field-width-lg: 480px;
  --modal-sm: 400px;
  --modal-md: 560px;
  --modal-lg: 800px;
  --tooltip-max: 240px;
  --toast-width: 360px;
  --tap-min: 24px;
  --control-height: 40px;
  --control-height-compact: 32px;
  --sidebar-width: 260px;
  --topbar-height: 56px;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --duration-editorial: 800ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --font-display: var(--font-next-display, "Geist"), system-ui, sans-serif;
  --font-sans: var(--font-next-sans, "Geist"), system-ui, sans-serif;
  --font-mono: var(--font-next-mono, "Geist Mono"), ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    --bg-canvas: #0f0f11;
    --bg-sheet: #18181b;
    --bg-parchment: #1c1c20;
    --bg-muted: #26262a;
    --ink: #f2f2f3;
    --ink-strong: #ffffff;
    --ink-muted: #8e8e93;
    --line: #f2f2f3;
    --line-soft: #26262a;
    --stone: #5c5c61;
    --clay: #3a3a3f;
    --brand: #FFE500;
    --on-brand: #111113;
    --brand-text: #FFE500;
    --on-ink: #0f0f11;
    --focus: var(--brand);
    --text-danger: #ff6b6b;
    --bg-danger: #3a1a1c;
    --bg-danger-bold: #ff6b6b;
    --bg-danger-bold-hovered: #ff8a8a;
    --border-danger: #ff6b6b;
    --text-warning: #ffb547;
    --bg-warning: #33260f;
    --bg-warning-bold: #ffb547;
    --on-warning-bold: #0f0f11;
    --border-warning: #c8851c;
    --text-success: #3ddc84;
    --bg-success: #12261a;
    --bg-success-bold: #3ddc84;
    --border-success: #2bb56a;
    --text-info: #8fb0ff;
    --bg-info: #1a2240;
    --bg-info-bold: #8fb0ff;
    --border-info: #5a86f0;
    --bg-neutral-hovered: #f2f2f314;
    --bg-neutral-pressed: #f2f2f324;
    --bg-selected: #3a340a;
    --border-selected: var(--brand-text);
    --text-selected: var(--brand-text);
    --bg-input: var(--bg-sheet);
    --border-input: #6e6e73;
    --bg-disabled: #f2f2f30f;
    --text-disabled: #5c5c61;
    --surface-overlay: #1f1f23;
    --bg-inverse: var(--ink);
    --text-inverse: var(--on-ink);
    --blanket: #00000099;
    --chart-1: #01a84a;
    --chart-2: #5e81fd;
    --chart-3: #f61f8b;
    --chart-4: #c8750c;
    --chart-5: #0e9cbc;
    --chart-other: #6e6e73;
    --chart-grid: var(--line-soft);
    --chart-axis: var(--ink-muted);
    --item-1: #D97757;
    --item-2: #CF4040;
    --item-3: #D6458C;
    --item-4: #8457D1;
    --item-5: #3B6BE0;
    --item-6: #1B9AA3;
    --item-7: #2F9A58;
    --item-8: #DBA12A;
    --item-9: #474C59;
    --shadow-overlay: 0 0 0 1px #ffffff14, 0 16px 40px #0000008c;
    color-scheme: dark;
  }
}

:root[data-theme="dark"], :root.dark {
  --bg-canvas: #0f0f11;
  --bg-sheet: #18181b;
  --bg-parchment: #1c1c20;
  --bg-muted: #26262a;
  --ink: #f2f2f3;
  --ink-strong: #ffffff;
  --ink-muted: #8e8e93;
  --line: #f2f2f3;
  --line-soft: #26262a;
  --stone: #5c5c61;
  --clay: #3a3a3f;
  --brand: #FFE500;
  --on-brand: #111113;
  --brand-text: #FFE500;
  --on-ink: #0f0f11;
  --focus: var(--brand);
  --text-danger: #ff6b6b;
  --bg-danger: #3a1a1c;
  --bg-danger-bold: #ff6b6b;
  --bg-danger-bold-hovered: #ff8a8a;
  --border-danger: #ff6b6b;
  --text-warning: #ffb547;
  --bg-warning: #33260f;
  --bg-warning-bold: #ffb547;
  --on-warning-bold: #0f0f11;
  --border-warning: #c8851c;
  --text-success: #3ddc84;
  --bg-success: #12261a;
  --bg-success-bold: #3ddc84;
  --border-success: #2bb56a;
  --text-info: #8fb0ff;
  --bg-info: #1a2240;
  --bg-info-bold: #8fb0ff;
  --border-info: #5a86f0;
  --bg-neutral-hovered: #f2f2f314;
  --bg-neutral-pressed: #f2f2f324;
  --bg-selected: #3a340a;
  --border-selected: var(--brand-text);
  --text-selected: var(--brand-text);
  --bg-input: var(--bg-sheet);
  --border-input: #6e6e73;
  --bg-disabled: #f2f2f30f;
  --text-disabled: #5c5c61;
  --surface-overlay: #1f1f23;
  --bg-inverse: var(--ink);
  --text-inverse: var(--on-ink);
  --blanket: #00000099;
  --chart-1: #01a84a;
  --chart-2: #5e81fd;
  --chart-3: #f61f8b;
  --chart-4: #c8750c;
  --chart-5: #0e9cbc;
  --chart-other: #6e6e73;
  --chart-grid: var(--line-soft);
  --chart-axis: var(--ink-muted);
  --item-1: #D97757;
  --item-2: #CF4040;
  --item-3: #D6458C;
  --item-4: #8457D1;
  --item-5: #3B6BE0;
  --item-6: #1B9AA3;
  --item-7: #2F9A58;
  --item-8: #DBA12A;
  --item-9: #474C59;
  --shadow-overlay: 0 0 0 1px #ffffff14, 0 16px 40px #0000008c;
  color-scheme: dark;
}