:root {
    /* Mirrors AppTheme's dark color scheme (see AppTheme.kt: darkColorAppScheme).
       Keep these in sync with the Kotlin definitions. */
    --app-background: #282828;
    --app-primary: #8581D7;
    --app-secondary: #AEAEAE;
    --app-container: #323232;
    --app-surface: #111111;
    --app-accent: #55438B;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--app-background);
}

#composeApp {
    width: 100%;
    height: 100%;
}

/* Full-screen overlay shown on top of the Compose canvas until fonts are loaded.
   Removed from the DOM by Kotlin once the app is ready (see main.kt). */
#app-loader {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--app-background);
    z-index: 9999;
}

.spinner-track {
    stroke: var(--app-container);
}

.spinner-arc {
    stroke: var(--app-primary);
}