:root {
    --mdui-breakpoint-xs: 0px;
    --mdui-breakpoint-sm: 600px;
    --mdui-breakpoint-md: 840px;
    --mdui-breakpoint-lg: 1080px;
    --mdui-breakpoint-xl: 1440px;
    --mdui-breakpoint-xxl: 1920px
}

:root {
    --mdui-color-primary-light: 103, 80, 164;
    --mdui-color-primary-container-light: 234, 221, 255;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-on-primary-container-light: 33, 0, 94;
    --mdui-color-inverse-primary-light: 208, 188, 255;
    --mdui-color-secondary-light: 98, 91, 113;
    --mdui-color-secondary-container-light: 232, 222, 248;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-on-secondary-container-light: 30, 25, 43;
    --mdui-color-tertiary-light: 125, 82, 96;
    --mdui-color-tertiary-container-light: 255, 216, 228;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-on-tertiary-container-light: 55, 11, 30;
    --mdui-color-surface-light: 254, 247, 255;
    --mdui-color-surface-dim-light: 222, 216, 225;
    --mdui-color-surface-bright-light: 254, 247, 255;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 247, 242, 250;
    --mdui-color-surface-container-light: 243, 237, 247;
    --mdui-color-surface-container-high-light: 236, 230, 240;
    --mdui-color-surface-container-highest-light: 230, 224, 233;
    --mdui-color-surface-variant-light: 231, 224, 236;
    --mdui-color-on-surface-light: 28, 27, 31;
    --mdui-color-on-surface-variant-light: 73, 69, 78;
    --mdui-color-inverse-surface-light: 49, 48, 51;
    --mdui-color-inverse-on-surface-light: 244, 239, 244;
    --mdui-color-background-light: 254, 247, 255;
    --mdui-color-on-background-light: 28, 27, 31;
    --mdui-color-error-light: 179, 38, 30;
    --mdui-color-error-container-light: 249, 222, 220;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-on-error-container-light: 65, 14, 11;
    --mdui-color-outline-light: 121, 116, 126;
    --mdui-color-outline-variant-light: 196, 199, 197;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-surface-tint-color-light: 103, 80, 164;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-primary-dark: 208, 188, 255;
    --mdui-color-primary-container-dark: 79, 55, 139;
    --mdui-color-on-primary-dark: 55, 30, 115;
    --mdui-color-on-primary-container-dark: 234, 221, 255;
    --mdui-color-inverse-primary-dark: 103, 80, 164;
    --mdui-color-secondary-dark: 204, 194, 220;
    --mdui-color-secondary-container-dark: 74, 68, 88;
    --mdui-color-on-secondary-dark: 51, 45, 65;
    --mdui-color-on-secondary-container-dark: 232, 222, 248;
    --mdui-color-tertiary-dark: 239, 184, 200;
    --mdui-color-tertiary-container-dark: 99, 59, 72;
    --mdui-color-on-tertiary-dark: 73, 37, 50;
    --mdui-color-on-tertiary-container-dark: 255, 216, 228;
    --mdui-color-surface-dark: 20, 18, 24;
    --mdui-color-surface-dim-dark: 20, 18, 24;
    --mdui-color-surface-bright-dark: 59, 56, 62;
    --mdui-color-surface-container-lowest-dark: 15, 13, 19;
    --mdui-color-surface-container-low-dark: 29, 27, 32;
    --mdui-color-surface-container-dark: 33, 31, 38;
    --mdui-color-surface-container-high-dark: 43, 41, 48;
    --mdui-color-surface-container-highest-dark: 54, 52, 59;
    --mdui-color-surface-variant-dark: 73, 69, 79;
    --mdui-color-on-surface-dark: 230, 225, 229;
    --mdui-color-on-surface-variant-dark: 202, 196, 208;
    --mdui-color-inverse-surface-dark: 230, 225, 229;
    --mdui-color-inverse-on-surface-dark: 49, 48, 51;
    --mdui-color-background-dark: 20, 18, 24;
    --mdui-color-on-background-dark: 230, 225, 229;
    --mdui-color-error-dark: 242, 184, 181;
    --mdui-color-error-container-dark: 140, 29, 24;
    --mdui-color-on-error-dark: 96, 20, 16;
    --mdui-color-on-error-container-dark: 249, 222, 220;
    --mdui-color-outline-dark: 147, 143, 153;
    --mdui-color-outline-variant-dark: 68, 71, 70;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-surface-tint-color-dark: 208, 188, 255;
    --mdui-color-scrim-dark: 0, 0, 0;
}

.mdui-theme-light,
:root {
    color-scheme: light;
    --mdui-color-primary: var(--mdui-color-primary-light);
    --mdui-color-primary-container: var(--mdui-color-primary-container-light);
    --mdui-color-on-primary: var(--mdui-color-on-primary-light);
    --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-light);
    --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-light);
    --mdui-color-secondary: var(--mdui-color-secondary-light);
    --mdui-color-secondary-container: var(--mdui-color-secondary-container-light);
    --mdui-color-on-secondary: var(--mdui-color-on-secondary-light);
    --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-light);
    --mdui-color-tertiary: var(--mdui-color-tertiary-light);
    --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-light);
    --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-light);
    --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-light);
    --mdui-color-surface: var(--mdui-color-surface-light);
    --mdui-color-surface-dim: var(--mdui-color-surface-dim-light);
    --mdui-color-surface-bright: var(--mdui-color-surface-bright-light);
    --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-light);
    --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-light);
    --mdui-color-surface-container: var(--mdui-color-surface-container-light);
    --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-light);
    --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-light);
    --mdui-color-surface-variant: var(--mdui-color-surface-variant-light);
    --mdui-color-on-surface: var(--mdui-color-on-surface-light);
    --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-light);
    --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-light);
    --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-light);
    --mdui-color-background: var(--mdui-color-background-light);
    --mdui-color-on-background: var(--mdui-color-on-background-light);
    --mdui-color-error: var(--mdui-color-error-light);
    --mdui-color-error-container: var(--mdui-color-error-container-light);
    --mdui-color-on-error: var(--mdui-color-on-error-light);
    --mdui-color-on-error-container: var(--mdui-color-on-error-container-light);
    --mdui-color-outline: var(--mdui-color-outline-light);
    --mdui-color-outline-variant: var(--mdui-color-outline-variant-light);
    --mdui-color-shadow: var(--mdui-color-shadow-light);
    --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-light);
    --mdui-color-scrim: var(--mdui-color-scrim-light);
}

.mdui-theme-dark {
    color-scheme: dark;
    --mdui-color-primary: var(--mdui-color-primary-dark);
    --mdui-color-primary-container: var(--mdui-color-primary-container-dark);
    --mdui-color-on-primary: var(--mdui-color-on-primary-dark);
    --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-dark);
    --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-dark);
    --mdui-color-secondary: var(--mdui-color-secondary-dark);
    --mdui-color-secondary-container: var(--mdui-color-secondary-container-dark);
    --mdui-color-on-secondary: var(--mdui-color-on-secondary-dark);
    --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-dark);
    --mdui-color-tertiary: var(--mdui-color-tertiary-dark);
    --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-dark);
    --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-dark);
    --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-dark);
    --mdui-color-surface: var(--mdui-color-surface-dark);
    --mdui-color-surface-dim: var(--mdui-color-surface-dim-dark);
    --mdui-color-surface-bright: var(--mdui-color-surface-bright-dark);
    --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-dark);
    --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-dark);
    --mdui-color-surface-container: var(--mdui-color-surface-container-dark);
    --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-dark);
    --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-dark);
    --mdui-color-surface-variant: var(--mdui-color-surface-variant-dark);
    --mdui-color-on-surface: var(--mdui-color-on-surface-dark);
    --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-dark);
    --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-dark);
    --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-dark);
    --mdui-color-background: var(--mdui-color-background-dark);
    --mdui-color-on-background: var(--mdui-color-on-background-dark);
    --mdui-color-error: var(--mdui-color-error-dark);
    --mdui-color-error-container: var(--mdui-color-error-container-dark);
    --mdui-color-on-error: var(--mdui-color-on-error-dark);
    --mdui-color-on-error-container: var(--mdui-color-on-error-container-dark);
    --mdui-color-outline: var(--mdui-color-outline-dark);
    --mdui-color-outline-variant: var(--mdui-color-outline-variant-dark);
    --mdui-color-shadow: var(--mdui-color-shadow-dark);
    --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-dark);
    --mdui-color-scrim: var(--mdui-color-scrim-dark);
}

@media (prefers-color-scheme:dark) {
    .mdui-theme-auto {
        color-scheme: dark;
        --mdui-color-primary: var(--mdui-color-primary-dark);
        --mdui-color-primary-container: var(--mdui-color-primary-container-dark);
        --mdui-color-on-primary: var(--mdui-color-on-primary-dark);
        --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-dark);
        --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-dark);
        --mdui-color-secondary: var(--mdui-color-secondary-dark);
        --mdui-color-secondary-container: var(--mdui-color-secondary-container-dark);
        --mdui-color-on-secondary: var(--mdui-color-on-secondary-dark);
        --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-dark);
        --mdui-color-tertiary: var(--mdui-color-tertiary-dark);
        --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-dark);
        --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-dark);
        --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-dark);
        --mdui-color-surface: var(--mdui-color-surface-dark);
        --mdui-color-surface-dim: var(--mdui-color-surface-dim-dark);
        --mdui-color-surface-bright: var(--mdui-color-surface-bright-dark);
        --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-dark);
        --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-dark);
        --mdui-color-surface-container: var(--mdui-color-surface-container-dark);
        --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-dark);
        --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-dark);
        --mdui-color-surface-variant: var(--mdui-color-surface-variant-dark);
        --mdui-color-on-surface: var(--mdui-color-on-surface-dark);
        --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-dark);
        --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-dark);
        --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-dark);
        --mdui-color-background: var(--mdui-color-background-dark);
        --mdui-color-on-background: var(--mdui-color-on-background-dark);
        --mdui-color-error: var(--mdui-color-error-dark);
        --mdui-color-error-container: var(--mdui-color-error-container-dark);
        --mdui-color-on-error: var(--mdui-color-on-error-dark);
        --mdui-color-on-error-container: var(--mdui-color-on-error-container-dark);
        --mdui-color-outline: var(--mdui-color-outline-dark);
        --mdui-color-outline-variant: var(--mdui-color-outline-variant-dark);
        --mdui-color-shadow: var(--mdui-color-shadow-dark);
        --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-dark);
        --mdui-color-scrim: var(--mdui-color-scrim-dark);
    }
}