:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;

  --color-background: #f6f7f9;
  --color-surface: #ffffff;
  --color-surface-muted: #f9fafb;
  --color-surface-hover: #f2f4f7;
  --color-border: #e4e7ec;
  --color-border-strong: #d0d5dd;
  --color-text: #101828;
  --color-text-secondary: #475467;
  --color-text-muted: #667085;
  --color-text-subtle: #98a2b3;

  --color-accent: #0b5c80;
  --color-accent-hover: #094c6a;
  --color-accent-soft: #e9f3f8;
  --color-accent-border: #b9d8e7;
  --color-accent-ring: rgba(11, 92, 128, 0.24);

  --color-success: #067647;
  --color-success-soft: #ecfdf3;
  --color-success-border: #abefc6;
  --color-warning: #b54708;
  --color-warning-soft: #fffaeb;
  --color-warning-border: #fedf89;
  --color-danger: #b42318;
  --color-danger-hover: #912018;
  --color-danger-soft: #fef3f2;
  --color-danger-border: #fecdca;
  --color-info: #175cd3;
  --color-info-soft: #eff8ff;
  --color-info-border: #b2ddff;
  --color-neutral: #475467;
  --color-neutral-soft: #f2f4f7;
  --color-neutral-border: #e4e7ec;

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

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;

  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-lg: 0 16px 40px -12px rgba(16, 24, 40, 0.22), 0 4px 10px -4px rgba(16, 24, 40, 0.08);

  --header-height: 60px;
  --content-max-width: 1320px;
  --transition-fast: 120ms ease;
  --transition-medium: 200ms ease;
}