:root {
  --mgozi-blue: #00aeef; /* Bright Cyan/Sky Blue from the logo */
}

.mgozi-bg-blue {
  background-color: var(--mgozi-blue);
}

.mgozi-text-blue {
  color: var(--mgozi-blue);
}

.mgozi-border-blue {
  border-color: var(--mgozi-blue);
}

.mgozi-btn-bg-blue {
  background-color: var(--mgozi-blue);
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

body {
  font-family: "Inter", sans-serif;
  scroll-behavior: smooth;
}

.card-shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: transform 0.3s ease;
}
.card-shadow:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}