/* Page-wide styles (linked from public/index.html, so no inline styles are needed). */

/* react-native-web's root setup: the page is the app's height, and the app scrolls inside it */
html, body { height: 100%; }
body { overflow: hidden; margin: 0; background: #efefef; -webkit-text-size-adjust: 100%; }
#root { display: flex; height: 100%; flex: 1; }
@media (prefers-color-scheme: dark) { body { background: #133540; } }

/* A clear keyboard focus ring (teal), for anyone using a keyboard or switch control */
:focus-visible { outline: 3px solid #26BAA6; outline-offset: 2px; }

/* Printing: only the printout (charts and rosters print through a frame of their own) */
@media print {
  [data-noprint] { display: none !important; }
  html, body, #root { height: auto !important; overflow: visible !important; background: #fff !important; }
}

/* Before the app has loaded, or without JavaScript */
.boot { font-family: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif; color: #133540; padding: 32px 24px; }