/* Global styles for Manylla Web */

/* Reset body margins and ensure proper scrolling */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-height: 100vh;
}

/* Ensure root element takes full height */
#root {
  min-height: 100vh;
  position: relative;
}

/* Apply Atkinson Hyperlegible font to all text elements */
body, * {
  font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

/* Ensure React Native Web text elements use the font */
[dir="auto"] {
  font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

/* Material-UI specific elements */
.MuiTypography-root,
.MuiButton-root,
.MuiTextField-root,
.MuiMenuItem-root,
.MuiDialog-root,
.MuiAlert-root,
.MuiChip-root,
.MuiTab-root,
.MuiTableCell-root {
  font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

/* Input and textarea elements */
input, textarea, select, button {
  font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif !important;
}