/* Matches the Compose surface colour (kravspec 7) so there is no flash while Wasm loads. */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Background on <html> only: the map (MapLibre GL JS) is a fixed element with z-index -1 behind the
   Compose canvas, and a <body> background would be painted on top of it. */
html {
    background-color: #F8F9EE;
}

body {
    background: transparent;
}

@media (prefers-color-scheme: dark) {
    html {
        background-color: #1A1C15;
    }
}
