/* Splash screen background colours — applied before Tailwind loads to prevent a flash.
   body/html must be transparent so the .portal-layout::before background image (z-index:-1)
   is visible. The splash div (#app > div) gets the opaque background instead. */
html, body { background-color: transparent; }

/* Splash screen container (the div inside #app before Blazor replaces it) */
#app > .flex { background-color: #fafafa; }
html.dark #app > .flex { background-color: #1a1a1a; }

/* After Blazor boots, the splash is replaced by the MudLayout.
   MudBlazor's palette handles background from there. */