:root {
  --surface-100: #f7f9fc;
  --surface-200: #ffffff;
  --surface-300: #f0f4fa;
  --border: rgba(15,23,42,0.08);
  --border-strong: rgba(15,23,42,0.16);
  --ink: #0f172a;
  --ink-secondary: #5b6472;
  --ink-muted: #6b7280;
  --primary: #2563eb;
  --primary-strong: #1d4ed8;
  --primary-subtle: #eaf1fd;
  --on-primary: #ffffff;
  --secondary: #0f766e;
  --secondary-subtle: #e1f5f2;
  --success: #006300;
  --success-subtle: #e6f4e6;
  --danger: #d03b3b;
  --danger-subtle: #fbeaea;
  --focus-ring: #2563eb;
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 3px rgba(15,23,42,0.08);
  --shadow-md: 0 8px 20px rgba(15,23,42,0.10);
}
.stat-value { font-family: var(--font-sans); font-size: 32px; line-height: 38px; font-weight: 700; }
.h1 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 700; }
.h2 { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.02em; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }