:root {
  color-scheme: light;
  --page: #fafaf9;
  --surface: #ffffff;
  --surface-muted: #f4f4f5;
  --surface-hover: #f4f4f5;
  --surface-active: #e4e4e7;
  --ink: #111113;
  --ink-body: #52525b;
  --on-ink: #ffffff;
  --muted: #71717a;
  --muted-strong: #52525b;
  --line: #d4d4d8;
  --line-strong: #d4d4d8;
  --line-stronger: #a1a1aa;
  --control-border: #d4d4d8;
  --field-border: #d4d4d8;
  --info-surface: #f4f7ff;
  --info-line: #c9d7ff;
  --info-ink: #17346f;
  --ok: #1f8a5b;
  --warn: #c47a1c;
  --danger: #b42318;
  --danger-surface: #fff1f0;
  --danger-line: #ffd1cc;
  --danger-line-strong: #f2b8b5;
  --danger-surface-strong: #ffe2df;
  --overlay: rgb(0 0 0 / 42%);
  --shadow-subtle: none;
  --shadow-card: 0 1px 2px rgb(0 0 0 / 3%), 0 0 0 0.5px rgb(0 0 0 / 4%);
  --shadow-popover: 0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%), 0 0 0 0.5px rgb(0 0 0 / 10%);
  --shadow-modal: 0 18px 48px rgb(0 0 0 / 16%);
  --accent: #3157d5;
  --font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --font-size-base: 16px;
  --text-xs: 12px;
  --text-xs-line: 16px;
  --text-sm: 14px;
  --text-sm-line: 20px;
  --text-base: 16px;
  --text-base-line: 24px;
  --text-lg: 18px;
  --text-lg-line: 28px;
  --text-xl: 20px;
  --text-xl-line: 28px;
  --text-2xl: 24px;
  --text-2xl-line: 32px;
  --text-3xl: 28px;
  --text-3xl-line: 36px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-13: 52px;
  --space-14: 56px;
  --space-15: 60px;
  --space-16: 64px;
  --space-17: 68px;
  --space-18: 72px;
  --space-19: 76px;
  --space-20: 80px;
  --space-21: 84px;
  --space-22: 88px;
  --space-23: 92px;
  --space-24: 96px;
  --sidebar-width: 260px;
  --content-max-width: 1568px;
  --control-height: 44px;
  --button-height: 56px;
  --field-height: 54px;
  --control-height-compact: 36px;
  --control-radius: var(--radius-md);
  --focus-ring-color: var(--accent);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --card-radius: var(--radius-lg);
  --radius-pill: 999px;
  --auth-card-width: 432px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
  --cta-bg: var(--ink);
  --cta-fg: var(--on-ink);
  --cta-border: var(--ink);
  --cta-hover-bg: #26262b;
  --motion-fast: 140ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
}