:root {
  --color-primary-100: #E6F3FB;
  --color-primary-500: #008DDA; 
  --color-primary-700: #005A8C; 
  --color-accent: #FFC72C;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #f7f9fc;
}

.text-primary { color: var(--color-primary-500); }
.bg-primary { background-color: var(--color-primary-500); }
.hover\:bg-primary-dark:hover { background-color: var(--color-primary-700); }
.border-primary { border-color: var(--color-primary-500); }
.text-accent { color: var(--color-accent); }

.card-shadow { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }

.section-heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background-color: var(--color-accent);
  margin-top: 8px;
  border-radius: 2px;
}

.mobile-menu { transition: transform 0.3s ease-in-out; }

.carousel-item {
  display: none;
  transition: opacity 1s ease-in-out;
}

.carousel-item.active {
  display: block;
  opacity: 1;
}

.hero-overlay {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.55));
}