:root {
  --first-color: #002e6e;
  --first-color-light: #cbd5e1;
  --active-color: #00b8de;
  --active-bg: rgba(0, 184, 222, 0.12);
  --bg-color: #f8fafc;
  --border-color: #f1f5f9;
  --text-color: #1e293b;
  --color-primary: #002e6e;
  --color-primary-light: #00b8de;
  --color-secondary: #00b8de;
  --page-gradient-1: #dde4f5;
  --page-gradient-2: #edf2f7;
  --page-gradient-3: #daeaf7;
  --font-family: 'Outfit', sans-serif;
}

body {
  font-family: var(--font-family);
}