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

:root {
  --onme-blue: #4849E8;
  --onme-lime: #DDF344;
  --onme-soft-blue: #ABC4FF;
  --onme-white-soft: #F5F9FF;
}

html, body, #root { height: 100%; }
body { font-family: Inter, system-ui, sans-serif; }
.heading { font-family: 'Fredoka One', cursive; }
.ui { font-family: 'Poppins', sans-serif; }

/* Focus outline for accessibility */
* :focus-visible { outline: 3px solid var(--onme-lime); outline-offset: 2px; }
