:root {
  color-scheme: light dark;
  --dvs-bg: #f3f3ef;
  --dvs-surface: #fafaf7;
  --dvs-surface-raised: #ffffff;
  --dvs-surface-strong: #ededE7;
  --dvs-ink: #171714;
  --dvs-ink-soft: #6f6f67;
  --dvs-ink-faint: #92928a;
  --dvs-line: #d7d7d0;
  --dvs-line-strong: #b9b9b0;
  --dvs-accent: #20201c;
  --dvs-accent-ink: #fbfbf8;
  --dvs-danger: #9f2f26;
  --dvs-warning: #9a6518;
  --dvs-success: #396b45;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 20px;
  --text-xl: clamp(28px, 3vw, 44px);

  --motion-fast: 160ms;
  --motion-normal: 240ms;
  --motion-slow: 320ms;
  --ease-standard: cubic-bezier(.2, .7, .2, 1);

  --header-h: 58px;
  --touch-min: 44px;
  --workspace-max: 1760px;
  --z-header: 20;
  --z-popover: 40;
  --z-dialog: 80;
}

:root[data-theme="dark"] {
  --dvs-bg: #10100e;
  --dvs-surface: #171715;
  --dvs-surface-raised: #1d1d1a;
  --dvs-surface-strong: #24241f;
  --dvs-ink: #f1f1eb;
  --dvs-ink-soft: #aaa9a0;
  --dvs-ink-faint: #83837b;
  --dvs-line: #33332e;
  --dvs-line-strong: #4a4a43;
  --dvs-accent: #f2f2ec;
  --dvs-accent-ink: #151512;
  --dvs-danger: #e07369;
  --dvs-warning: #d5a356;
  --dvs-success: #78b183;
}