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

@layer base {
  html { scroll-behavior: smooth; }
  body {
    background-color: #FBFAF7;
    color: #0A1F44;
    font-family: var(--font-inter), system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  ::selection { background: #D4AF37; color: #0A1F44; }
}

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