:root {
  color-scheme: light;
  --color-background: #f7f8fc;
  --color-background-warm: #fbfaf7;
  --color-surface: #ffffff;
  --color-surface-subtle: #f9fafb;
  --color-text: #182230;
  --color-heading: #101828;
  --color-muted: #667085;
  --color-muted-strong: #475467;
  --color-border: #e4e7ec;
  --color-border-strong: #d0d5dd;
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-soft: #eef2ff;
  --color-success: #067647;
  --color-success-soft: #ecfdf3;
  --color-warning: #b54708;
  --color-warning-soft: #fffaeb;
  --color-danger: #b42318;
  --color-danger-hover: #912018;
  --color-danger-soft: #fef3f2;
  --color-focus: #8178f0;
  --shadow-small: 0 1px 2px rgb(16 24 40 / 0.05);
  --shadow-card: 0 8px 28px rgb(16 24 40 / 0.06);
  --shadow-dialog: 0 24px 64px rgb(16 24 40 / 0.18);
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;
  --radius-round: 999px;
  --page-width: 1120px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --transition-fast: 140ms ease;
}