:root, [data-bs-theme='light'] {
    --bs-primary: #14488b;
    --bs-primary-rgb: 20, 72, 139;
    --bs-secondary: #d5e0ef;
    --bs-secondary-rgb: 213, 224, 239;
}

.hero-section { background-color: var(--bs-primary); }


/* Custom CSS */
body {
  font-family: 'DM Sans', sans-serif;
  font-optical-sizing: auto;
}

.grid-background {
  background-color: #f0f4f7;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 38px, var(--bs-secondary) 40px),
    repeating-linear-gradient(90deg, transparent, transparent 38px, var(--bs-secondary) 40px);
  background-size: 40px 40px;
}