:root {
  --color-navy: #102a43;
  --color-blue: #1677ff;
  --color-blue-dark: #075cc8;
  --color-bg: #f4f7fb;
  --color-surface: #ffffff;
  --color-text: #1f2937;
  --color-muted: #64748b;
  --color-border: #dbe4ee;
  --color-success: #15803d;
  --color-error: #b42318;
  --font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-6: 2.5rem;
  --radius: .75rem;
  --radius-small: .5rem;
  --shadow: 0 12px 36px rgb(15 23 42 / 10%);
}