:root {
    --backgrounddark: var(--variable-collection-neutral-neutral-950);
    --bodytext: var(--variable-collection-green-brand-green-brand-100);
    --link: var(--variable-collection-green-green-500);
    --confirmmasage: var(--variable-collection-green-green-600);
    --loginstrok: var(--variable-collection-green-brand-green-brand-950);
    --icon: var(--variable-collection-green-brand-green-brand-100);
    --iconbghover: var(--variable-collection-green-brand-green-brand-950);
    --searchbg: var(--variable-collection-green-brand-green-brand-950);
    --searchstrok: var(--variable-collection-green-brand-green-brand-400-o);
    --subtitel: var(--variable-collection-green-brand-green-brand-300);
    --cardsbg: var(--variable-collection-neutral-neutral-900);
    --cardicons: var(--variable-collection-neutral-neutral-700);
    --cardicon: var(--variable-collection-green-brand-green-brand-400-o);
    --viewenable: var(--variable-collection-green-brand-green-brand-100);
    --menubgcolor: var(--variable-collection-green-brand-green-brand-950);
    --menubgcolorhover: var(--variable-collection-green-brand-green-brand-800);
    --menubgcolorclick: var(--variable-collection-green-brand-green-brand-900);
    --dropdownmenuitemsstroke: var( --variable-collection-green-brand-green-brand-900 );
    --header: var(--variable-collection-green-brand-green-brand-100);
    --tab: var(--variable-collection-green-brand-green-brand-400-o);
    --tabbg: var(--variable-collection-green-brand-green-brand-50);
    --tabtextenable: var(--variable-collection-green-brand-green-brand-700);
    --tabtextdisable: var(--variable-collection-green-brand-green-brand-400-o);
    --tabtexthover: var(--variable-collection-green-brand-green-brand-50);
    --textfeildtextfeildlabel: var( --variable-collection-green-brand-green-brand-200 );
    --textfeildtextfeildtext: var( --variable-collection-green-brand-green-brand-300 );
    --textfeildtextfeildenabledtextfieldbgenabled: var( --variable-collection-green-brand-green-brand-950 );
    --textfeildtextfeildenabledtextfieldstrokenabled: var( --variable-collection-green-brand-green-brand-400-o );
    --textfeildtextfeildhoveredtextfeildstrokhovered: var( --variable-collection-green-brand-green-brand-300 );
    --textfeildtextfeildhoveredtextfeildbghovered: var( --variable-collection-green-brand-green-brand-950 );
    --textfeildtextfeilderrortextfieldstrokerror: var( --variable-collection-neutral-red-600 );
    --textfeildtextfeilderrortextfieldbgerror: var( --variable-collection-neutral-red-950 );
    --textfeildtextfeilderrortextfeildtexterror: var( --variable-collection-neutral-red-700 );
    --textfeildtextfeilddisabledtextfeildbgdisable: var( --variable-collection-neutral-neutral-700 );
    --textfeildtextfeilddisabledtextfeildstrokdisable: var( --variable-collection-neutral-neutral-500 );
    --textfeildtextfeilddisabledtextfeildtextdisable: var( --variable-collection-neutral-neutral-500 );
    --textfeildtextfeildfocusedtextfeildbgfocused: var( --variable-collection-green-brand-green-brand-900 );
    --buttonbuttonenable: var(--variable-collection-green-brand-green-brand-400-o);
    --buttonbuttonhover: var(--variable-collection-green-brand-green-brand-600);
    --buttonbuttonclick: var(--variable-collection-green-brand-green-brand-300);
    --buttonbuttondisable: var(--variable-collection-neutral-neutral-700);
    --buttonbuttondisabletext: var(--variable-collection-neutral-neutral-400);
    --buttonbuttontext: var(--variable-collection-green-green-100);
    --buttonbuttontextclick: var( --variable-collection-green-brand-green-brand-100 );
    --checkboxcheckbox: var(--variable-collection-green-brand-green-brand-400-o);
    --checkboxcheckboxcheck: var(--variable-collection-green-green-500);
    --iconiconenable: var(--variable-collection-green-brand-green-brand-400-o);
    --iconiconbghover: var(--variable-collection-green-brand-green-brand-600);
    --iconiconbgclick: var(--variable-collection-green-brand-green-brand-900);
    --iconiconhover: var(--variable-collection-green-brand-green-brand-100);
    --iconiconclick: var(--variable-collection-green-brand-green-brand-100);
    --progress-barprogress-bar: var(--variable-collection-green-green-600);
    --progress-barprogressbarefect: var(--variable-collection-green-green-500);
    --progress-barprogressbardisable: var( --variable-collection-green-brand-green-brand-950 );
    --sidebarsidebaricon: var(--variable-collection-green-brand-green-brand-100);
    --sidebarsidebarhover: var(--variable-collection-green-brand-green-brand-950);
    --sidebarsidebariconclick: var(--variable-collection-green-green-500);
    --h1-font-family: "Inter", Helvetica;
    --h1-font-weight: 400;
    --h1-font-size: 47.7760009765625px;
    --h1-letter-spacing: 0px;
    --h1-line-height: 139.9999976158142%;
    --h1-font-style: normal;
    --h1-bold-font-family: "Inter", Helvetica;
    --h1-bold-font-weight: 600;
    --h1-bold-font-size: 47.7760009765625px;
    --h1-bold-letter-spacing: 0px;
    --h1-bold-line-height: 139.9999976158142%;
    --h1-bold-font-style: normal;
    --h2-font-family: "Inter", Helvetica;
    --h2-font-weight: 400;
    --h2-font-size: 39.80799865722656px;
    --h2-letter-spacing: 0px;
    --h2-line-height: 139.9999976158142%;
    --h2-font-style: normal;
    --h2-bold-font-family: "Inter", Helvetica;
    --h2-bold-font-weight: 600;
    --h2-bold-font-size: 39.80799865722656px;
    --h2-bold-letter-spacing: 0px;
    --h2-bold-line-height: 139.9999976158142%;
    --h2-bold-font-style: normal;
    --h3-font-family: "Inter", Helvetica;
    --h3-font-weight: 400;
    --h3-font-size: 33.183998107910156px;
    --h3-letter-spacing: 0px;
    --h3-line-height: 139.9999976158142%;
    --h3-font-style: normal;
    --h3-bold-font-family: "Inter", Helvetica;
    --h3-bold-font-weight: 600;
    --h3-bold-font-size: 33.183998107910156px;
    --h3-bold-letter-spacing: 0px;
    --h3-bold-line-height: 139.9999976158142%;
    --h3-bold-font-style: normal;
    --h4-font-family: "Inter", Helvetica;
    --h4-font-weight: 400;
    --h4-font-size: 27.648000717163086px;
    --h4-letter-spacing: 0px;
    --h4-line-height: 139.9999976158142%;
    --h4-font-style: normal;
    --h4-bold-font-family: "Inter", Helvetica;
    --h4-bold-font-weight: 600;
    --h4-bold-font-size: 27.648000717163086px;
    --h4-bold-letter-spacing: 0px;
    --h4-bold-line-height: 139.9999976158142%;
    --h4-bold-font-style: normal;
    --h5-font-family: "Inter", Helvetica;
    --h5-font-weight: 400;
    --h5-font-size: 23.040000915527344px;
    --h5-letter-spacing: 0px;
    --h5-line-height: 139.9999976158142%;
    --h5-font-style: normal;
    --h5-bold-font-family: "Inter", Helvetica;
    --h5-bold-font-weight: 600;
    --h5-bold-font-size: 23.040000915527344px;
    --h5-bold-letter-spacing: 0px;
    --h5-bold-line-height: 139.9999976158142%;
    --h5-bold-font-style: normal;
    --titel-1-font-family: "Inter", Helvetica;
    --titel-1-font-weight: 400;
    --titel-1-font-size: 19.200000762939453px;
    --titel-1-letter-spacing: 0px;
    --titel-1-line-height: 139.9999976158142%;
    --titel-1-font-style: normal;
    --titel1-bold-font-family: "Inter", Helvetica;
    --titel1-bold-font-weight: 600;
    --titel1-bold-font-size: 19.200000762939453px;
    --titel1-bold-letter-spacing: 0px;
    --titel1-bold-line-height: 139.9999976158142%;
    --titel1-bold-font-style: normal;
    --titel-2-font-family: "Inter", Helvetica;
    --titel-2-font-weight: 400;
    --titel-2-font-size: 16px;
    --titel-2-letter-spacing: 0px;
    --titel-2-line-height: 139.9999976158142%;
    --titel-2-font-style: normal;
    --titel2-bold-font-family: "Inter", Helvetica;
    --titel2-bold-font-weight: 600;
    --titel2-bold-font-size: 16px;
    --titel2-bold-letter-spacing: 0px;
    --titel2-bold-line-height: 139.9999976158142%;
    --titel2-bold-font-style: normal;
    --body-font-family: "Inter", Helvetica;
    --body-font-weight: 400;
    --body-font-size: 13.32800006866455px;
    --body-letter-spacing: 0px;
    --body-line-height: 139.9999976158142%;
    --body-font-style: normal;
    --body-bold-font-family: "Inter", Helvetica;
    --body-bold-font-weight: 600;
    --body-bold-font-size: 13.32800006866455px;
    --body-bold-letter-spacing: 0px;
    --body-bold-line-height: 139.9999976158142%;
    --body-bold-font-style: normal;
    --caption-font-family: "Inter", Helvetica;
    --caption-font-weight: 400;
    --caption-font-size: 11.104000091552734px;
    --caption-letter-spacing: 0px;
    --caption-line-height: 139.9999976158142%;
    --caption-font-style: normal;
    --caption-bold-font-family: "Inter", Helvetica;
    --caption-bold-font-weight: 600;
    --caption-bold-font-size: 11.104000091552734px;
    --caption-bold-letter-spacing: 0px;
    --caption-bold-line-height: 139.9999976158142%;
    --caption-bold-font-style: normal;
    --m3-label-medium-font-family: "Roboto", Helvetica;
    --m3-label-medium-font-weight: 500;
    --m3-label-medium-font-size: 12px;
    --m3-label-medium-letter-spacing: 0.5px;
    --m3-label-medium-line-height: 16px;
    --m3-label-medium-font-style: normal;
    --variable-collection-neutral-neutral-50: rgba(250, 250, 250, 1);
    --variable-collection-neutral-neutral-100: rgba(245, 245, 245, 1);
    --variable-collection-neutral-neutral-200: rgba(229, 229, 229, 1);
    --variable-collection-neutral-neutral-300: rgba(212, 212, 212, 1);
    --variable-collection-neutral-neutral-400: rgba(163, 163, 163, 1);
    --variable-collection-neutral-neutral-500: rgba(115, 115, 115, 1);
    --variable-collection-neutral-neutral-600: rgba(82, 82, 82, 1);
    --variable-collection-neutral-neutral-700: rgba(64, 64, 64, 1);
    --variable-collection-neutral-neutral-800: rgba(38, 38, 38, 1);
    --variable-collection-neutral-neutral-900: rgba(23, 23, 23, 1);
    --variable-collection-neutral-neutral-950: rgba(10, 10, 10, 1);
    --variable-collection-neutral-red-50: rgba(254, 242, 242, 1);
    --variable-collection-neutral-red-100: rgba(254, 227, 226, 1);
    --variable-collection-neutral-red-200: rgba(254, 204, 202, 1);
    --variable-collection-neutral-red-300: rgba(251, 169, 166, 1);
    --variable-collection-neutral-red-400: rgba(247, 118, 114, 1);
    --variable-collection-neutral-red-500: rgba(240, 97, 92, 1);
    --variable-collection-neutral-red-600: rgba(219, 45, 39, 1);
    --variable-collection-neutral-red-700: rgba(184, 34, 29, 1);
    --variable-collection-neutral-red-800: rgba(152, 32, 28, 1);
    --variable-collection-neutral-red-900: rgba(126, 33, 30, 1);
    --variable-collection-neutral-red-950: rgba(69, 12, 10, 1);
    --variable-collection-green-green-500: rgba(34, 197, 94, 1);
    --variable-collection-green-green-600: rgba(22, 163, 74, 1);
    --variable-collection-green-green-700: rgba(21, 128, 61, 1);
    --variable-collection-green-green-800: rgba(22, 101, 52, 1);
    --variable-collection-green-green-900: rgba(20, 83, 45, 1);
    --variable-collection-green-green-950: rgba(5, 46, 22, 1);
    --variable-collection-green-green-50: rgba(240, 253, 244, 1);
    --variable-collection-green-green-100: rgba(220, 252, 231, 1);
    --variable-collection-green-green-200: rgba(187, 247, 208, 1);
    --variable-collection-green-green-300: rgba(134, 239, 172, 1);
    --variable-collection-green-green-400: rgba(74, 222, 128, 1);
    --variable-collection-green-brand-green-brand-50: rgba(244, 247, 247, 1);
    --variable-collection-green-brand-green-brand-100: rgba(226, 235, 235, 1);
    --variable-collection-green-brand-green-brand-200: rgba(201, 216, 216, 1);
    --variable-collection-green-brand-green-brand-300: rgba(119, 154, 156, 1);
    --variable-collection-green-brand-green-brand-400-o: rgba(90, 125, 128, 1);
    --variable-collection-green-brand-green-brand-500: rgba(90, 125, 128, 1);
    --variable-collection-green-brand-green-brand-600: rgba(77, 106, 109, 1);
    --variable-collection-green-brand-green-brand-700: rgba(67, 88, 91, 1);
    --variable-collection-green-brand-green-brand-800: rgba(60, 75, 78, 1);
    --variable-collection-green-brand-green-brand-900: rgba(53, 65, 68, 1);
    --variable-collection-green-brand-green-brand-950: rgba(32, 41, 44, 1);
    --material-theme-schemes-primary: rgba(101, 85, 143, 1);
    --material-theme-schemes-surface-tint: rgba(103, 80, 164, 1);
    --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
    --material-theme-schemes-primary-container: rgba(234, 221, 255, 1);
    --material-theme-schemes-on-primary-container: rgba(33, 0, 93, 1);
    --material-theme-schemes-secondary: rgba(98, 91, 113, 1);
    --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-container: rgba(232, 222, 248, 1);
    --material-theme-schemes-on-secondary-container: rgba(29, 25, 43, 1);
    --material-theme-schemes-tertiary: rgba(125, 82, 96, 1);
    --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-container: rgba(255, 216, 228, 1);
    --material-theme-schemes-on-tertiary-container: rgba(49, 17, 29, 1);
    --material-theme-schemes-error: rgba(179, 38, 30, 1);
    --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
    --material-theme-schemes-error-container: rgba(249, 222, 220, 1);
    --material-theme-schemes-on-error-container: rgba(65, 14, 11, 1);
    --material-theme-schemes-background: rgba(254, 247, 255, 1);
    --material-theme-schemes-on-background: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface: rgba(254, 247, 255, 1);
    --material-theme-schemes-on-surface: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface-variant: rgba(231, 224, 236, 1);
    --material-theme-schemes-on-surface-variant: rgba(73, 69, 79, 1);
    --material-theme-schemes-outline: rgba(121, 116, 126, 1);
    --material-theme-schemes-outline-variant: rgba(202, 196, 208, 1);
    --material-theme-schemes-shadow: rgba(0, 0, 0, 1);
    --material-theme-schemes-scrim: rgba(0, 0, 0, 1);
    --material-theme-schemes-inverse-surface: rgba(50, 47, 53, 1);
    --material-theme-schemes-inverse-on-surface: rgba(245, 239, 247, 1);
    --material-theme-schemes-inverse-primary: rgba(208, 188, 255, 1);
    --material-theme-schemes-primary-fixed: rgba(234, 221, 255, 1);
    --material-theme-schemes-on-primary-fixed: rgba(33, 0, 93, 1);
    --material-theme-schemes-primary-fixed-dim: rgba(208, 188, 255, 1);
    --material-theme-schemes-on-primary-fixed-variant: rgba(79, 55, 139, 1);
    --material-theme-schemes-secondary-fixed: rgba(232, 222, 248, 1);
    --material-theme-schemes-on-secondary-fixed: rgba(29, 25, 43, 1);
    --material-theme-schemes-secondary-fixed-dim: rgba(204, 194, 220, 1);
    --material-theme-schemes-on-secondary-fixed-variant: rgba(74, 68, 88, 1);
    --material-theme-schemes-tertiary-fixed: rgba(255, 216, 228, 1);
    --material-theme-schemes-on-tertiary-fixed: rgba(49, 17, 29, 1);
    --material-theme-schemes-tertiary-fixed-dim: rgba(239, 184, 200, 1);
    --material-theme-schemes-on-tertiary-fixed-variant: rgba(99, 59, 72, 1);
    --material-theme-schemes-surface-dim: rgba(222, 216, 225, 1);
    --material-theme-schemes-surface-bright: rgba(254, 247, 255, 1);
    --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
    --material-theme-schemes-surface-container-low: rgba(247, 242, 250, 1);
    --material-theme-schemes-surface-container: rgba(243, 237, 247, 1);
    --material-theme-schemes-surface-container-high: rgba(236, 230, 240, 1);
    --material-theme-schemes-surface-container-highest: rgba(230, 224, 233, 1);
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-material-theme-mode="light">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-material-theme-mode="light"] {
    --material-theme-schemes-primary: rgba(101, 85, 143, 1);
    --material-theme-schemes-surface-tint: rgba(103, 80, 164, 1);
    --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
    --material-theme-schemes-primary-container: rgba(234, 221, 255, 1);
    --material-theme-schemes-on-primary-container: rgba(33, 0, 93, 1);
    --material-theme-schemes-secondary: rgba(98, 91, 113, 1);
    --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-container: rgba(232, 222, 248, 1);
    --material-theme-schemes-on-secondary-container: rgba(29, 25, 43, 1);
    --material-theme-schemes-tertiary: rgba(125, 82, 96, 1);
    --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-container: rgba(255, 216, 228, 1);
    --material-theme-schemes-on-tertiary-container: rgba(49, 17, 29, 1);
    --material-theme-schemes-error: rgba(179, 38, 30, 1);
    --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
    --material-theme-schemes-error-container: rgba(249, 222, 220, 1);
    --material-theme-schemes-on-error-container: rgba(65, 14, 11, 1);
    --material-theme-schemes-background: rgba(254, 247, 255, 1);
    --material-theme-schemes-on-background: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface: rgba(254, 247, 255, 1);
    --material-theme-schemes-on-surface: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface-variant: rgba(231, 224, 236, 1);
    --material-theme-schemes-on-surface-variant: rgba(73, 69, 79, 1);
    --material-theme-schemes-outline: rgba(121, 116, 126, 1);
    --material-theme-schemes-outline-variant: rgba(202, 196, 208, 1);
    --material-theme-schemes-inverse-surface: rgba(50, 47, 53, 1);
    --material-theme-schemes-inverse-on-surface: rgba(245, 239, 247, 1);
    --material-theme-schemes-inverse-primary: rgba(208, 188, 255, 1);
    --material-theme-schemes-primary-fixed: rgba(234, 221, 255, 1);
    --material-theme-schemes-on-primary-fixed: rgba(33, 0, 93, 1);
    --material-theme-schemes-primary-fixed-dim: rgba(208, 188, 255, 1);
    --material-theme-schemes-on-primary-fixed-variant: rgba(79, 55, 139, 1);
    --material-theme-schemes-secondary-fixed: rgba(232, 222, 248, 1);
    --material-theme-schemes-on-secondary-fixed: rgba(29, 25, 43, 1);
    --material-theme-schemes-secondary-fixed-dim: rgba(204, 194, 220, 1);
    --material-theme-schemes-on-secondary-fixed-variant: rgba(74, 68, 88, 1);
    --material-theme-schemes-tertiary-fixed: rgba(255, 216, 228, 1);
    --material-theme-schemes-on-tertiary-fixed: rgba(49, 17, 29, 1);
    --material-theme-schemes-tertiary-fixed-dim: rgba(239, 184, 200, 1);
    --material-theme-schemes-on-tertiary-fixed-variant: rgba(99, 59, 72, 1);
    --material-theme-schemes-surface-dim: rgba(222, 216, 225, 1);
    --material-theme-schemes-surface-bright: rgba(254, 247, 255, 1);
    --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
    --material-theme-schemes-surface-container-low: rgba(247, 242, 250, 1);
    --material-theme-schemes-surface-container: rgba(243, 237, 247, 1);
    --material-theme-schemes-surface-container-high: rgba(236, 230, 240, 1);
    --material-theme-schemes-surface-container-highest: rgba(230, 224, 233, 1);
}

[data-material-theme-mode="light-high-contrast"] {
    --material-theme-schemes-primary: rgba(41, 10, 100, 1);
    --material-theme-schemes-surface-tint: rgba(103, 80, 164, 1);
    --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
    --material-theme-schemes-primary-container: rgba(75, 51, 134, 1);
    --material-theme-schemes-on-primary-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary: rgba(37, 31, 50, 1);
    --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-container: rgba(70, 64, 84, 1);
    --material-theme-schemes-on-secondary-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary: rgba(57, 23, 36, 1);
    --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-container: rgba(95, 55, 68, 1);
    --material-theme-schemes-on-tertiary-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-error: rgba(77, 0, 5, 1);
    --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
    --material-theme-schemes-error-container: rgba(127, 30, 30, 1);
    --material-theme-schemes-on-error-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-background: rgba(253, 247, 255, 1);
    --material-theme-schemes-on-background: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface: rgba(253, 248, 248, 1);
    --material-theme-schemes-on-surface: rgba(0, 0, 0, 1);
    --material-theme-schemes-surface-variant: rgba(230, 225, 231, 1);
    --material-theme-schemes-on-surface-variant: rgba(37, 35, 40, 1);
    --material-theme-schemes-outline: rgba(68, 66, 71, 1);
    --material-theme-schemes-outline-variant: rgba(68, 66, 71, 1);
    --material-theme-schemes-inverse-surface: rgba(49, 48, 48, 1);
    --material-theme-schemes-inverse-on-surface: rgba(255, 255, 255, 1);
    --material-theme-schemes-inverse-primary: rgba(241, 232, 255, 1);
    --material-theme-schemes-primary-fixed: rgba(75, 51, 134, 1);
    --material-theme-schemes-on-primary-fixed: rgba(255, 255, 255, 1);
    --material-theme-schemes-primary-fixed-dim: rgba(52, 26, 110, 1);
    --material-theme-schemes-on-primary-fixed-variant: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-fixed: rgba(70, 64, 84, 1);
    --material-theme-schemes-on-secondary-fixed: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-fixed-dim: rgba(47, 42, 61, 1);
    --material-theme-schemes-on-secondary-fixed-variant: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-fixed: rgba(95, 55, 68, 1);
    --material-theme-schemes-on-tertiary-fixed: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-fixed-dim: rgba(69, 33, 46, 1);
    --material-theme-schemes-on-tertiary-fixed-variant: rgba(255, 255, 255, 1);
    --material-theme-schemes-surface-dim: rgba(221, 217, 217, 1);
    --material-theme-schemes-surface-bright: rgba(253, 248, 248, 1);
    --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
    --material-theme-schemes-surface-container-low: rgba(247, 243, 243, 1);
    --material-theme-schemes-surface-container: rgba(241, 237, 237, 1);
    --material-theme-schemes-surface-container-high: rgba(235, 231, 231, 1);
    --material-theme-schemes-surface-container-highest: rgba(230, 225, 226, 1);
}

[data-material-theme-mode="light-medium-contrast"] {
    --material-theme-schemes-primary: rgba(75, 51, 134, 1);
    --material-theme-schemes-surface-tint: rgba(103, 80, 164, 1);
    --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
    --material-theme-schemes-primary-container: rgba(118, 95, 180, 1);
    --material-theme-schemes-on-primary-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary: rgba(70, 64, 84, 1);
    --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-container: rgba(120, 113, 136, 1);
    --material-theme-schemes-on-secondary-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary: rgba(95, 55, 68, 1);
    --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-container: rgba(150, 103, 118, 1);
    --material-theme-schemes-on-tertiary-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-error: rgba(127, 30, 30, 1);
    --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
    --material-theme-schemes-error-container: rgba(194, 79, 74, 1);
    --material-theme-schemes-on-error-container: rgba(255, 255, 255, 1);
    --material-theme-schemes-background: rgba(253, 247, 255, 1);
    --material-theme-schemes-on-background: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface: rgba(253, 248, 248, 1);
    --material-theme-schemes-on-surface: rgba(28, 27, 28, 1);
    --material-theme-schemes-surface-variant: rgba(230, 225, 231, 1);
    --material-theme-schemes-on-surface-variant: rgba(68, 66, 71, 1);
    --material-theme-schemes-outline: rgba(97, 94, 99, 1);
    --material-theme-schemes-outline-variant: rgba(125, 121, 127, 1);
    --material-theme-schemes-inverse-surface: rgba(49, 48, 48, 1);
    --material-theme-schemes-inverse-on-surface: rgba(244, 240, 240, 1);
    --material-theme-schemes-inverse-primary: rgba(207, 188, 255, 1);
    --material-theme-schemes-primary-fixed: rgba(126, 102, 188, 1);
    --material-theme-schemes-on-primary-fixed: rgba(255, 255, 255, 1);
    --material-theme-schemes-primary-fixed-dim: rgba(100, 77, 161, 1);
    --material-theme-schemes-on-primary-fixed-variant: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-fixed: rgba(120, 113, 136, 1);
    --material-theme-schemes-on-secondary-fixed: rgba(255, 255, 255, 1);
    --material-theme-schemes-secondary-fixed-dim: rgba(95, 89, 111, 1);
    --material-theme-schemes-on-secondary-fixed-variant: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-fixed: rgba(150, 103, 118, 1);
    --material-theme-schemes-on-tertiary-fixed: rgba(255, 255, 255, 1);
    --material-theme-schemes-tertiary-fixed-dim: rgba(123, 79, 93, 1);
    --material-theme-schemes-on-tertiary-fixed-variant: rgba(255, 255, 255, 1);
    --material-theme-schemes-surface-dim: rgba(221, 217, 217, 1);
    --material-theme-schemes-surface-bright: rgba(253, 248, 248, 1);
    --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
    --material-theme-schemes-surface-container-low: rgba(247, 243, 243, 1);
    --material-theme-schemes-surface-container: rgba(241, 237, 237, 1);
    --material-theme-schemes-surface-container-high: rgba(235, 231, 231, 1);
    --material-theme-schemes-surface-container-highest: rgba(230, 225, 226, 1);
}

[data-material-theme-mode="dark"] {
    --material-theme-schemes-primary: rgba(208, 188, 254, 1);
    --material-theme-schemes-surface-tint: rgba(208, 188, 255, 1);
    --material-theme-schemes-on-primary: rgba(56, 30, 114, 1);
    --material-theme-schemes-primary-container: rgba(79, 55, 139, 1);
    --material-theme-schemes-on-primary-container: rgba(234, 221, 255, 1);
    --material-theme-schemes-secondary: rgba(204, 194, 220, 1);
    --material-theme-schemes-on-secondary: rgba(51, 45, 65, 1);
    --material-theme-schemes-secondary-container: rgba(74, 68, 88, 1);
    --material-theme-schemes-on-secondary-container: rgba(232, 222, 248, 1);
    --material-theme-schemes-tertiary: rgba(239, 184, 200, 1);
    --material-theme-schemes-on-tertiary: rgba(73, 37, 50, 1);
    --material-theme-schemes-tertiary-container: rgba(99, 59, 72, 1);
    --material-theme-schemes-on-tertiary-container: rgba(255, 216, 228, 1);
    --material-theme-schemes-error: rgba(242, 184, 181, 1);
    --material-theme-schemes-on-error: rgba(96, 20, 16, 1);
    --material-theme-schemes-error-container: rgba(140, 29, 24, 1);
    --material-theme-schemes-on-error-container: rgba(249, 222, 220, 1);
    --material-theme-schemes-background: rgba(20, 18, 24, 1);
    --material-theme-schemes-on-background: rgba(230, 224, 233, 1);
    --material-theme-schemes-surface: rgba(20, 18, 24, 1);
    --material-theme-schemes-on-surface: rgba(230, 224, 233, 1);
    --material-theme-schemes-surface-variant: rgba(73, 69, 79, 1);
    --material-theme-schemes-on-surface-variant: rgba(202, 196, 208, 1);
    --material-theme-schemes-outline: rgba(147, 143, 153, 1);
    --material-theme-schemes-outline-variant: rgba(73, 69, 79, 1);
    --material-theme-schemes-inverse-surface: rgba(230, 224, 233, 1);
    --material-theme-schemes-inverse-on-surface: rgba(50, 47, 53, 1);
    --material-theme-schemes-inverse-primary: rgba(103, 80, 164, 1);
    --material-theme-schemes-primary-fixed: rgba(234, 221, 255, 1);
    --material-theme-schemes-on-primary-fixed: rgba(33, 0, 93, 1);
    --material-theme-schemes-primary-fixed-dim: rgba(208, 188, 255, 1);
    --material-theme-schemes-on-primary-fixed-variant: rgba(79, 55, 139, 1);
    --material-theme-schemes-secondary-fixed: rgba(232, 222, 248, 1);
    --material-theme-schemes-on-secondary-fixed: rgba(29, 25, 43, 1);
    --material-theme-schemes-secondary-fixed-dim: rgba(204, 194, 220, 1);
    --material-theme-schemes-on-secondary-fixed-variant: rgba(74, 68, 88, 1);
    --material-theme-schemes-tertiary-fixed: rgba(255, 216, 228, 1);
    --material-theme-schemes-on-tertiary-fixed: rgba(49, 17, 29, 1);
    --material-theme-schemes-tertiary-fixed-dim: rgba(239, 184, 200, 1);
    --material-theme-schemes-on-tertiary-fixed-variant: rgba(99, 59, 72, 1);
    --material-theme-schemes-surface-dim: rgba(20, 18, 24, 1);
    --material-theme-schemes-surface-bright: rgba(59, 56, 62, 1);
    --material-theme-schemes-surface-container-lowest: rgba(15, 13, 19, 1);
    --material-theme-schemes-surface-container-low: rgba(29, 27, 32, 1);
    --material-theme-schemes-surface-container: rgba(33, 31, 38, 1);
    --material-theme-schemes-surface-container-high: rgba(43, 41, 48, 1);
    --material-theme-schemes-surface-container-highest: rgba(54, 52, 59, 1);
}