/* MedicaSkills installation overrides (provisional palette, matches the logo).
   Injected by index.blade.php only when this installation is active, BEFORE
   the Angular bundles — hence the !important on the token overrides. */

/* Theme: the whole app keys its blue on the --sd-color-primary design token;
   MedicaSkills uses the logo's dark blue (lighter tone in dark mode so it
   stays visible on dark surfaces). */
:root {
    --sd-color-primary: #2d4b79 !important;
}
@media (prefers-color-scheme: dark) {
    html:not(.dark-mode-disabled) {
        --sd-color-primary: #4a7bc4 !important;
    }
}
html.dark-mode-enabled {
    --sd-color-primary: #4a7bc4 !important;
}

/* Splash spinner (renders before the Angular styles load, so it needs its
   own colors). */
#app-splash .app-splash__spinner {
    border-top-color: #2d4b79;
    /* The 44px offset compensates the ESSR logo's left swoosh; the
       MedicaSkills wordmark is visually centered, so no shift. */
    margin-left: 0;
}
@media (prefers-color-scheme: dark) {
    html:not(.dark-mode-disabled) #app-splash .app-splash__spinner {
        border-top-color: #4a7bc4;
    }
}
html.dark-mode-enabled #app-splash .app-splash__spinner {
    border-top-color: #4a7bc4;
}