:root {
  --mi-page-bg: #f5f7fb;
  --mi-surface: #ffffff;
  --mi-surface-elevated: #ffffff;
  --mi-text: #172033;
  --mi-text-secondary: #667085;
  --mi-text-subtle: #98a2b3;
  --mi-border: #e5e8ef;
  --mi-border-strong: #d7dce6;
  --mi-accent: #324fc5;
  --mi-accent-hover: #293fa3;
  --mi-accent-soft: #eef1ff;
  --mi-positive: #17824b;
  --mi-positive-soft: #eaf7f0;
  --mi-warning: #a86413;
  --mi-warning-soft: #fff7e8;
  --mi-danger: #b42318;
  --mi-radius-sm: 8px;
  --mi-radius-md: 12px;
  --mi-radius-lg: 16px;
  --mi-shadow: 0 1px 2px rgba(16, 24, 40, 0.025);
  --mi-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --mi-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --mi-motion-fast: 140ms;
  --mi-motion-base: 260ms;
  --mi-motion-slow: 680ms;
  --mi-space-1: 4px;
  --mi-space-2: 8px;
  --mi-space-3: 12px;
  --mi-space-4: 16px;
  --mi-space-5: 20px;
  --mi-space-6: 24px;
  --mi-space-8: 32px;
  --mi-space-10: 40px;
  --mi-control-height: 40px;
  --mi-font-sans: Inter, Geist, "SF Pro Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --mi-text-xs: 12px;
  --mi-text-sm: 13px;
  --mi-text-md: 14px;
  --mi-text-lg: 18px;
  --mi-text-xl: 28px;
  --mi-text-display: 34px;
}