:root {
  --color-primary: #1f5f99;
  --color-primary-hover: #194d7d;
  --color-primary-soft: #e4eef8;
  --color-secondary: #1f9a86;
  --color-secondary-soft: #e7f7f4;
  --color-info-soft: #eef5fc;
  --color-bg: #f3f7fb;
  --color-surface: #ffffff;
  --color-border: #d4dfeb;
  --color-text: #15263a;
  --color-text-muted: #4e637a;
  --color-divider-soft: #e8eef6;
  --color-success: #0f766e;
  --color-warning: #a16207;
  --color-danger: #b91c1c;
  --shadow-sm: 0 10px 24px rgba(17, 38, 58, 0.06);
  --shadow-md: 0 20px 36px rgba(17, 38, 58, 0.1);
  --font-base: "Work Sans", "Segoe UI", Roboto, Arial, sans-serif;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;
}