:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink-950: #172033;
  --ink-900: #202b40;
  --ink-800: #2b354a;
  --ink-600: #59657a;
  --ink-500: #748096;
  --line: #dfe4ec;
  --line-strong: #cbd3df;
  --canvas: #f7f8fb;
  --surface: #ffffff;
  --surface-soft: #f0f3f7;
  --brand-700: #3a72a0;
  --brand-600: #4f8ab5;
  --brand-100: #e7f1f8;
  --brand-50: #f4f8fc;
  --accent-700: var(--brand-700);
  --accent-600: var(--brand-600);
  --accent-100: var(--brand-100);
  --success-700: #216b4e;
  --success-500: #79a694;
  --success-100: #e2f3eb;
  --warning-700: #8a5a16;
  --warning-100: #fbefd6;
  --danger-700: #a13d45;
  --danger-100: #f9e5e7;
  --info-700: #375f9c;
  --info-100: #e5edfa;
  --special-700: #70509b;
  --special-100: #efe8f8;
  --shadow-sm: 0 1px 2px rgba(23, 32, 51, .06), 0 2px 8px rgba(23, 32, 51, .03);
  --shadow-md: 0 12px 35px rgba(23, 32, 51, .12);
  --shadow-lg: 0 24px 70px rgba(23, 32, 51, .2);
  --radius-sm: 8px;
  --radius-md: var(--radius-sm);
  --radius-lg: 10px;
  --radius-xl: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --sidebar-width: 196px;
  --sidebar-rail: 66px;
  --topbar-height: 64px;
  --bottom-nav-height: 66px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --motion-fast: 140ms;
  --motion-medium: 240ms;
  --z-nav: 20;
  --z-sticky: 30;
  --z-surface: 100;
  --z-toast: 140;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-medium: 0ms; }
}