:root {
  color-scheme: light;
  --color-primary: #2457a7;
  --color-primary-dark: #1c447f;
  --color-primary-soft: #eaf1fb;
  --color-accent: #f2b705;
  --color-background: #f4f6f8;
  --color-surface: #ffffff;
  --color-surface-muted: #f8fafc;
  --color-text: #172033;
  --color-muted: #5f6b7a;
  --color-border: #d8dee8;
  --color-success: #1f7a4d;
  --color-success-soft: #eaf7f0;
  --color-warning: #8a5c00;
  --color-warning-soft: #fff8e1;
  --color-danger: #b42318;
  --color-danger-soft: #fff1f0;
  --shadow-small: 0 2px 8px rgb(15 23 42 / 8%);
  --radius-small: 0.375rem;
  --radius-medium: 0.625rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --max-content-width: 1280px;
  --font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-body: 0.9375rem;
  --font-size-small: 0.8125rem;
  --font-size-label: 0.8375rem;
  --font-size-heading-1: clamp(1.45rem, 2.2vw, 1.75rem);
  --font-size-heading-2: 1.075rem;
  --font-size-metric: clamp(1.35rem, 2vw, 1.55rem);
  --density-header-height: 3.5rem;
  --density-page-gutter: clamp(0.75rem, 2vw, 1.25rem);
  --density-page-gap: 1rem;
  --density-section-gap: 1rem;
  --density-card-padding: 1rem;
  --density-card-padding-mobile: 0.75rem;
  --density-control-height: 2.5rem;
  --density-form-gap: 0.75rem;
}