@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Roboto+Slab:wght@600;700&display=swap');

:root {
  --navy: #0d2b5a;
  --accent: #1a5eb8;
  --accent-light: #2a7de6;
  --bg: #eef1f7;
  --surface: #ffffff;
  --surface-2: #f4f6fb;
  --surface-3: #eaeff7;
  --border: #d0d7e2;
  --border-light: #b8c4d8;
  --text: #1a1a1a;
  --text-2: #374163;
  --text-3: #7a8aaa;
  --green: #15803d;
  --green-bg: #f0fdf4;
  --green-border: rgba(21,128,61,0.2);
  --orange: #b45309;
  --orange-bg: #fffbeb;
  --orange-border: rgba(180,83,9,0.2);
  --red: #b91c1c;
  --red-bg: #fef2f2;
  --red-border: rgba(185,28,28,0.2);
  --purple: #6d28d9;
  --purple-bg: #f5f3ff;
  --purple-border: rgba(109,40,217,0.2);
  --accent-bg: rgba(26,94,184,0.06);
  --accent-border: rgba(26,94,184,0.2);
  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 0 1px 6px rgba(13,43,90,0.07);
  --shadow-md: 0 4px 24px rgba(13,43,90,0.12);
}