/*
 * MudBlazor's dark palette, applied by CSS as soon as the page loads.
 *
 * MudThemeProvider only learns the OS theme through JavaScript once the Blazor circuit is up,
 * so the server-rendered page is always light until then (slow mobile networks, PWA resume,
 * full reloads after sign-in). These are the variables MudThemeProvider emits for
 * MainLayout's PaletteDark; `html:root` outranks its `:root` block.
 *
 * Regenerate after changing PaletteDark in Pages/MainLayout.razor.cs: temporarily initialise
 * `_isDarkMode = true`, run the app, and copy the --mud-palette-* variables from the
 * <style> block in the rendered HTML.
 */
@media (prefers-color-scheme: dark) {
    html:root {
        --mud-palette-black: rgba(39,39,47,1);
        --mud-palette-white: rgba(255,255,255,1);
        --mud-palette-primary: rgba(176,163,255,1);
        --mud-palette-primary-rgb: 176,163,255;
        --mud-palette-primary-text: rgba(27,21,48,1);
        --mud-palette-primary-darken: rgb(140,122,255);
        --mud-palette-primary-lighten: rgb(206,199,255);
        --mud-palette-primary-hover: rgba(176,163,255,0.058823529411764705);
        --mud-palette-secondary: rgba(255,64,129,1);
        --mud-palette-secondary-rgb: 255,64,129;
        --mud-palette-secondary-text: rgba(255,255,255,1);
        --mud-palette-secondary-darken: rgb(255,31,105);
        --mud-palette-secondary-lighten: rgb(255,102,153);
        --mud-palette-secondary-hover: rgba(255,64,129,0.058823529411764705);
        --mud-palette-tertiary: rgba(30,200,165,1);
        --mud-palette-tertiary-rgb: 30,200,165;
        --mud-palette-tertiary-text: rgba(255,255,255,1);
        --mud-palette-tertiary-darken: rgb(25,169,140);
        --mud-palette-tertiary-lighten: rgb(42,223,187);
        --mud-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
        --mud-palette-info: rgba(50,153,255,1);
        --mud-palette-info-rgb: 50,153,255;
        --mud-palette-info-text: rgba(255,255,255,1);
        --mud-palette-info-darken: rgb(10,133,255);
        --mud-palette-info-lighten: rgb(92,173,255);
        --mud-palette-info-hover: rgba(50,153,255,0.058823529411764705);
        --mud-palette-success: rgba(11,186,131,1);
        --mud-palette-success-rgb: 11,186,131;
        --mud-palette-success-text: rgba(255,255,255,1);
        --mud-palette-success-darken: rgb(9,154,108);
        --mud-palette-success-lighten: rgb(13,222,156);
        --mud-palette-success-hover: rgba(11,186,131,0.058823529411764705);
        --mud-palette-warning: rgba(255,168,0,1);
        --mud-palette-warning-rgb: 255,168,0;
        --mud-palette-warning-text: rgba(255,255,255,1);
        --mud-palette-warning-darken: rgb(214,143,0);
        --mud-palette-warning-lighten: rgb(255,182,36);
        --mud-palette-warning-hover: rgba(255,168,0,0.058823529411764705);
        --mud-palette-error: rgba(246,78,98,1);
        --mud-palette-error-rgb: 246,78,98;
        --mud-palette-error-text: rgba(255,255,255,1);
        --mud-palette-error-darken: rgb(244,47,70);
        --mud-palette-error-lighten: rgb(248,119,134);
        --mud-palette-error-hover: rgba(246,78,98,0.058823529411764705);
        --mud-palette-dark: rgba(39,39,47,1);
        --mud-palette-dark-rgb: 39,39,47;
        --mud-palette-dark-text: rgba(255,255,255,1);
        --mud-palette-dark-darken: rgb(23,23,28);
        --mud-palette-dark-lighten: rgb(56,56,67);
        --mud-palette-dark-hover: rgba(39,39,47,0.058823529411764705);
        --mud-palette-text-primary: rgba(255,255,255,0.6980392156862745);
        --mud-palette-text-primary-rgb: 255,255,255;
        --mud-palette-text-secondary: rgba(255,255,255,0.4980392156862745);
        --mud-palette-text-secondary-rgb: 255,255,255;
        --mud-palette-text-disabled: rgba(255,255,255,0.2);
        --mud-palette-text-disabled-rgb: 255,255,255;
        --mud-palette-action-default: rgba(173,173,177,1);
        --mud-palette-action-default-hover: rgba(173,173,177,0.058823529411764705);
        --mud-palette-action-disabled: rgba(255,255,255,0.25882352941176473);
        --mud-palette-action-disabled-background: rgba(255,255,255,0.11764705882352941);
        --mud-palette-surface: rgba(28,29,40,1);
        --mud-palette-surface-rgb: 28,29,40;
        --mud-palette-background: rgba(18,19,26,1);
        --mud-palette-background-gray: rgba(39,39,47,1);
        --mud-palette-drawer-background: rgba(39,39,47,1);
        --mud-palette-drawer-text: rgba(255,255,255,0.4980392156862745);
        --mud-palette-drawer-icon: rgba(255,255,255,0.4980392156862745);
        --mud-palette-appbar-background: rgba(28,29,40,1);
        --mud-palette-appbar-text: rgba(238,237,245,1);
        --mud-palette-lines-default: rgba(255,255,255,0.11764705882352941);
        --mud-palette-lines-inputs: rgba(255,255,255,0.2980392156862745);
        --mud-palette-table-lines: rgba(255,255,255,0.11764705882352941);
        --mud-palette-table-striped: rgba(255,255,255,0.2);
        --mud-palette-table-hover: rgba(0,0,0,0.0392156862745098);
        --mud-palette-divider: rgba(255,255,255,0.11764705882352941);
        --mud-palette-divider-rgb: 255,255,255;
        --mud-palette-divider-light: rgba(255,255,255,0.058823529411764705);
        --mud-palette-skeleton: rgba(255,255,255,0.10980392156862745);
        --mud-palette-gray-default: #9E9E9E;
        --mud-palette-gray-light: #BDBDBD;
        --mud-palette-gray-lighter: #E0E0E0;
        --mud-palette-gray-dark: #757575;
        --mud-palette-gray-darker: #616161;
        --mud-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
        --mud-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
        --mud-palette-border-opacity: 1;
    }
}