@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap');

:root {
  --navy: #225274;
  --slate: #4F709C;
  --brand-primary: #54c595;
  --brand-light: #cef4d2;
  --brand-teal: #4bafbc;
  --white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--navy);
  background-color: var(--white);
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: 'Montserrat', sans-serif;
}

/* Custom styles and animations */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 30s linear infinite;
  width: max-content;
}

/* Custom Perspective styling for hero cards */
.perspective-1000 {
  perspective: 1000px;
}

/* Accessibility overrides */
body.a11y-large-text p, 
body.a11y-large-text a, 
body.a11y-large-text span, 
body.a11y-large-text li, 
body.a11y-large-text button,
body.a11y-large-text input,
body.a11y-large-text select,
body.a11y-large-text textarea {
  font-size: 1.15em !important;
  line-height: 1.6 !important;
}

body.a11y-highlight-links a,
body.a11y-highlight-links button {
  outline: 3px solid #54c595 !important;
  outline-offset: 2px !important;
}

body.a11y-readable-font * {
  font-family: 'Inter', system-ui, sans-serif !important;
}