:root {
--color-surface: #ffffff;
--color-surface-alt: #f4f7f9;
--color-surface-sunken: #e9eef2;
--color-ink: #10202a;
--color-ink-muted: #465862;
--color-ink-inverse: #ffffff;
--color-line: #d3dce1;
--color-line-strong: #7d8d96;
--color-accent: #125975;
--color-accent-hover: #0d4459;
--color-accent-ink: #ffffff;
--color-focus: #0d4459;
--color-scale1: #e5f3fc;
--color-scale2: #a2c9e1;
--color-scale3: #62a0c2;
--color-scale4: #1e789d;
--color-scale5: #004d68;
--color-scale-supply1: #e5f3fc;
--color-scale-supply2: #a2c9e1;
--color-scale-supply3: #62a0c2;
--color-scale-supply4: #1e789d;
--color-scale-supply5: #004d68;
--color-scale-health1: #f8edfb;
--color-scale-health2: #d5bbdd;
--color-scale-health3: #b18cbd;
--color-scale-health4: #896098;
--color-scale-health5: #5c3969;
--color-scale-mortality1: #ffeded;
--color-scale-mortality2: #f3b4b6;
--color-scale-mortality3: #da7f85;
--color-scale-mortality4: #b44f5a;
--color-scale-mortality5: #7f2734;
--color-scale-nutrition1: #e5f5e8;
--color-scale-nutrition2: #a8ccb1;
--color-scale-nutrition3: #71a47f;
--color-scale-nutrition4: #417b54;
--color-scale-nutrition5: #1c5030;
--color-hatch-fg: #93a2ab;
--color-hatch-bg: #eff3f5;
--color-level-critical: #7a1f16;
--color-level-low: #d9a63f;
--color-level-ok: #2f7f6b;
--color-level-unknown: #eff3f5;
--color-profile-endocrine: #CC79A7;
--color-profile-cardio: #D55E00;
--color-profile-gastro: #F0E442;
--color-profile-musculoskeletal: #0072B2;
--color-profile-pulmonary: #56B4E9;
--color-profile-nephro: #009E73;
--color-profile-general: #3C4A52;
--color-profile-pediatric: #E69F00;
--color-resource-water: #0072B2;
--color-resource-mud: #6b4f2a;
--color-region-outline: #7d8d96;
--color-region-outline-active: #10202a;
--color-region-fill-neutral: #e9eef2;
--type-family-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--type-family-display: Georgia, 'Times New Roman', 'Droid Serif', serif;
--type-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
--type-size-display: 32px;
--type-size-h1: 28px;
--type-size-h2: 22px;
--type-size-h3: 18px;
--type-size-body: 16px;
--type-size-small: 14px;
--type-size-legend: 15px;
--type-size-number: 24px;
--type-line-tight: 1.25;
--type-line-body: 1.6;
--type-weight-regular: 400;
--type-weight-medium: 500;
--type-weight-bold: 700;
--type-measure: 68ch;
--space-3xs: 2px;
--space-2xs: 4px;
--space-xs: 8px;
--space-sm: 12px;
--space-md: 16px;
--space-lg: 24px;
--space-xl: 40px;
--space-2xl: 64px;
--radius-none: 0;
--radius-sm: 3px;
--radius-md: 8px;
--radius-pill: 999px;
--elevation-flat: none;
--elevation-raised: 0 1px 3px rgba(16, 32, 42, 0.18);
--elevation-overlay: 0 2px 10px rgba(16, 32, 42, 0.22);
--elevation-sheet: 0 -2px 12px rgba(16, 32, 42, 0.24);
}