/* Critical initial styles for application layout
   These styles are loaded before the main stylesheet
   to prevent layout shifts and initial rendering issues */

/* Base layout preventing FOUC */
html, body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  height: 100%;
  width: 100%;
  line-height: 1.5;
}

/* Hide content during initial load */
body:not(.layout-ready) #root {
  opacity: 0;
  visibility: hidden;
}

/* Loading state styles removed to prevent the blue spinner from appearing */

/* Default theme styles */
:root {
  color-scheme: light dark;
}

/* Prevent flash during theme switching */
.theme-transition {
  transition: background-color 0.2s ease, color 0.2s ease;
}