@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html { scroll-behavior: smooth; }
  body {
    background-color: #FFFFFF;
    color: #0A1D5D;
    font-family: var(--font-open-sans), system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  ::selection { background: #C4942E; color: #FFFFFF; }

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

@layer base {
  a:focus-visible, button:focus-visible {
    outline: 3px solid #C4942E;
    outline-offset: 3px;
    border-radius: 2px;
  }
}