/* /public/app.css
   Purpose: Move minimal global styles out of inline <style> to comply with strict CSP (no 'unsafe-inline').
   Note: Keep this file minimal. Additional globals should be handled by your build (e.g., Tailwind via Vite) in Phase 2. */

:root {
  /* Reserved for future global tokens if needed */
}

html, body {
  /* Maintain default Tailwind box sizing expectations */
  box-sizing: border-box;
  height: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* Matches the inline style previously in index.html */
body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}