:root {
  --font-sans: "Segoe UI", "IBM Plex Sans", "Noto Sans", sans-serif;
  --font-mono: "Cascadia Code", "Consolas", monospace;

  --color-bg: #edf2f6;
  --color-bg-strong: #dfe8ef;
  --color-surface: #ffffff;
  --color-surface-muted: #f6f8fb;
  --color-surface-strong: #eef3f7;
  --color-border: #d5dee7;
  --color-border-strong: #b8c7d7;
  --color-text: #152332;
  --color-text-soft: #56677a;
  --color-text-muted: #71849a;
  --color-heading: #0d1824;
  --color-brand: #1f415e;
  --color-brand-strong: #163149;
  --color-accent: #2e6e8f;
  --color-accent-soft: #d7e8f1;
  --color-chart-grid: rgba(184, 199, 215, 0.38);
  --color-shadow: rgba(15, 32, 49, 0.08);

  --color-success: #2e7d57;
  --color-success-soft: #e3f3ea;
  --color-warning: #a56a10;
  --color-warning-soft: #fff2d7;
  --color-danger: #af3f46;
  --color-danger-soft: #fde8ea;
  --color-info: #285b8d;
  --color-info-soft: #e2eefb;
  --color-neutral: #5f6f81;
  --color-neutral-soft: #edf1f5;

  --color-qa1: #3556b2;
  --color-qa1-soft: #e2e9ff;
  --color-qa2: #2d6f8c;
  --color-qa2-soft: #dff2f8;
  --color-qa3: #59713a;
  --color-qa3-soft: #e9f1df;
  --color-qa4: #6f4a89;
  --color-qa4-soft: #f1e6f8;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 6px 18px var(--color-shadow);
  --shadow-md: 0 18px 44px rgba(16, 33, 49, 0.12);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;

  --container-width: 1400px;
  --topbar-height: 78px;

  --transition-fast: 140ms ease;
}