:root {
  --family-navy: #102a43;
  --family-ink: #1f2933;
  --family-muted: #52697d;
  --family-teal: #06717c;
  --family-teal-bright: #2f9e9e;
  --family-rule: #d2dce4;
  --family-mist: #f7fafc;
  --family-white: #ffffff;
  --family-warm-paper: #f3efe5;
  --family-coral: #d25f2a;
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--family-teal);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}