:root {
  --font-base: Arial, Helvetica, sans-serif;
  --color-primary: #172D44;
  --color-accent: #5BC8CB;
  --color-light: #F1F7F8;
}

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

/* Ensure focus states are accessible and visible */
*:focus-visible {
  outline: 2px solid var(--color-accent) !important;
  outline-offset: 2px !important;
}

/* Utility to ensure animations are only triggered when needed */
.animate-on-scroll {
  opacity: 0;
}

/* Override default Tailwind preflight slightly for better inputs */
input, textarea, select {
  font-family: inherit;
}