:root {
				/* Theme color vars */
				--md-sys-color-primary-rgb:93,83,168;
				--md-sys-color-primary:#5d53a8;
				--md-sys-color-on-primary-rgb:255,255,255;
				--md-sys-color-on-primary:#ffffff;
				--md-sys-color-primary-container-rgb:229,222,255;
				--md-sys-color-primary-container:#e5deff;
				--md-sys-color-on-primary-container-rgb:24,3,98;
				--md-sys-color-on-primary-container:#180362;
				--md-sys-color-secondary-rgb:95,92,113;
				--md-sys-color-secondary:#5f5c71;
				--md-sys-color-on-secondary-rgb:255,255,255;
				--md-sys-color-on-secondary:#ffffff;
				--md-sys-color-secondary-container-rgb:229,223,249;
				--md-sys-color-secondary-container:#e5dff9;
				--md-sys-color-on-secondary-container-rgb:27,25,43;
				--md-sys-color-on-secondary-container:#1b192b;
				--md-sys-color-tertiary-rgb:123,82,101;
				--md-sys-color-tertiary:#7b5265;
				--md-sys-color-on-tertiary-rgb:255,255,255;
				--md-sys-color-on-tertiary:#ffffff;
				--md-sys-color-tertiary-container-rgb:255,216,233;
				--md-sys-color-tertiary-container:#ffd8e9;
				--md-sys-color-on-tertiary-container-rgb:47,17,33;
				--md-sys-color-on-tertiary-container:#2f1121;
				--md-sys-color-error-rgb:186,27,27;
				--md-sys-color-error:#ba1b1b;
				--md-sys-color-on-error-rgb:255,255,255;
				--md-sys-color-on-error:#ffffff;
				--md-sys-color-error-container-rgb:255,218,212;
				--md-sys-color-error-container:#ffdad4;
				--md-sys-color-on-error-container-rgb:65,0,1;
				--md-sys-color-on-error-container:#410001;
				--md-sys-color-background-rgb:255,251,255;
				--md-sys-color-background:#fffbff;
				--md-sys-color-on-background-rgb:28,27,31;
				--md-sys-color-on-background:#1c1b1f;
				--md-sys-color-surface-rgb:255,251,255;
				--md-sys-color-surface:#fffbff;
				--md-sys-color-on-surface-rgb:28,27,31;
				--md-sys-color-on-surface:#1c1b1f;
				--md-sys-color-surface-variant-rgb:229,224,236;
				--md-sys-color-surface-variant:#e5e0ec;
				--md-sys-color-on-surface-variant-rgb:71,69,79;
				--md-sys-color-on-surface-variant:#47454f;
				--md-sys-color-outline-rgb:121,118,128;
				--md-sys-color-outline:#797680;
				--md-sys-color-shadow-rgb:0,0,0;
				--md-sys-color-shadow:#000000;
				--md-sys-color-inverse-surface-rgb:49,48,51;
				--md-sys-color-inverse-surface:#313033;
				--md-sys-color-inverse-on-surface-rgb:244,240,244;
				--md-sys-color-inverse-on-surface:#f4f0f4;
				--md-sys-color-inverse-primary-rgb:200,191,255;
				--md-sys-color-inverse-primary:#c8bfff;

				/* Icon collection type var */
				--mdc-icons-font-family: "Material Icons Two Tone";

				/* Typography vars */
				--md-sys-typescale-display-large-font: "Open Sans", sans-serif;
				--md-sys-typescale-display-medium-font: "Open Sans", sans-serif;
				--md-sys-typescale-display-small-font: "Open Sans", sans-serif;
				--md-sys-typescale-headline-large-font: "Bree Serif", serif;
				--md-sys-typescale-headline-medium-font: "Bree Serif", serif;
				--md-sys-typescale-headline-small-font: "Bree Serif", serif;
				--md-sys-typescale-title-large-font: "Open Sans", sans-serif;
				--md-sys-typescale-title-medium-font: "Open Sans", sans-serif;
				--md-sys-typescale-title-small-font: "Open Sans", sans-serif;
				--md-sys-typescale-label-large-font: "IBM Plex Mono", monospace;
				--md-sys-typescale-label-medium-font: "IBM Plex Mono", monospace;
				--md-sys-typescale-label-small-font: "IBM Plex Mono", monospace;
				--md-sys-typescale-body-large-font: "Ubuntu Sans", sans-serif;
				--md-sys-typescale-body-medium-font: "Ubuntu Sans", sans-serif;
				--md-sys-typescale-body-small-font: "Ubuntu Sans", sans-serif;
				--md-sys-typescale-title-large-line-height: 0.99 !important;
				--md-sys-typescale-title-large-size: 18px !important;
				--md-sys-typescale-title-large-tracking: 0.055555555555556rem !important;
				--md-sys-typescale-title-large-weight: 300 !important;
				--md-sys-typescale-title-large-style: italic !important;
				--md-sys-typescale-body-large-weight: 200 !important;
				--md-sys-typescale-body-large-style: normal !important;
				--md-sys-typescale-body-medium-weight: 300 !important;
				--md-sys-typescale-body-medium-style: normal !important;
				--md-sys-typescale-body-small-weight: 200 !important;
				--md-sys-typescale-body-small-style: normal !important;

				/* Corner Styles vars */
				--mdc-button-radius: 20px;
				--mdc-card-radius: 12px;
				--mdc-chip-radius: 8px;
				--mdc-data-table-radius: 24px;
				--mdc-image-list-radius: 12px;
				--mdc-nav-drawer-radius: 6px;
				--mdc-text-field-radius: 6px;
			}

			/* Forced light mode */
			body[data-color-scheme='light'] {
				--md-sys-color-primary-rgb:93,83,168;
				--md-sys-color-primary:#5d53a8;
				--md-sys-color-on-primary-rgb:255,255,255;
				--md-sys-color-on-primary:#ffffff;
				--md-sys-color-primary-container-rgb:229,222,255;
				--md-sys-color-primary-container:#e5deff;
				--md-sys-color-on-primary-container-rgb:24,3,98;
				--md-sys-color-on-primary-container:#180362;
				--md-sys-color-secondary-rgb:95,92,113;
				--md-sys-color-secondary:#5f5c71;
				--md-sys-color-on-secondary-rgb:255,255,255;
				--md-sys-color-on-secondary:#ffffff;
				--md-sys-color-secondary-container-rgb:229,223,249;
				--md-sys-color-secondary-container:#e5dff9;
				--md-sys-color-on-secondary-container-rgb:27,25,43;
				--md-sys-color-on-secondary-container:#1b192b;
				--md-sys-color-tertiary-rgb:123,82,101;
				--md-sys-color-tertiary:#7b5265;
				--md-sys-color-on-tertiary-rgb:255,255,255;
				--md-sys-color-on-tertiary:#ffffff;
				--md-sys-color-tertiary-container-rgb:255,216,233;
				--md-sys-color-tertiary-container:#ffd8e9;
				--md-sys-color-on-tertiary-container-rgb:47,17,33;
				--md-sys-color-on-tertiary-container:#2f1121;
				--md-sys-color-error-rgb:186,27,27;
				--md-sys-color-error:#ba1b1b;
				--md-sys-color-on-error-rgb:255,255,255;
				--md-sys-color-on-error:#ffffff;
				--md-sys-color-error-container-rgb:255,218,212;
				--md-sys-color-error-container:#ffdad4;
				--md-sys-color-on-error-container-rgb:65,0,1;
				--md-sys-color-on-error-container:#410001;
				--md-sys-color-background-rgb:255,251,255;
				--md-sys-color-background:#fffbff;
				--md-sys-color-on-background-rgb:28,27,31;
				--md-sys-color-on-background:#1c1b1f;
				--md-sys-color-surface-rgb:255,251,255;
				--md-sys-color-surface:#fffbff;
				--md-sys-color-on-surface-rgb:28,27,31;
				--md-sys-color-on-surface:#1c1b1f;
				--md-sys-color-surface-variant-rgb:229,224,236;
				--md-sys-color-surface-variant:#e5e0ec;
				--md-sys-color-on-surface-variant-rgb:71,69,79;
				--md-sys-color-on-surface-variant:#47454f;
				--md-sys-color-outline-rgb:121,118,128;
				--md-sys-color-outline:#797680;
				--md-sys-color-shadow-rgb:0,0,0;
				--md-sys-color-shadow:#000000;
				--md-sys-color-inverse-surface-rgb:49,48,51;
				--md-sys-color-inverse-surface:#313033;
				--md-sys-color-inverse-on-surface-rgb:244,240,244;
				--md-sys-color-inverse-on-surface:#f4f0f4;
				--md-sys-color-inverse-primary-rgb:200,191,255;
				--md-sys-color-inverse-primary:#c8bfff;
			}

			/* Forced dark mode */
			body[data-color-scheme='dark'] {
				--md-sys-color-primary-rgb:200,191,255;
				--md-sys-color-primary:#c8bfff;
				--md-sys-color-on-primary-rgb:46,34,118;
				--md-sys-color-on-primary:#2e2276;
				--md-sys-color-primary-container-rgb:68,58,142;
				--md-sys-color-primary-container:#443a8e;
				--md-sys-color-on-primary-container-rgb:229,222,255;
				--md-sys-color-on-primary-container:#e5deff;
				--md-sys-color-secondary-rgb:200,195,220;
				--md-sys-color-secondary:#c8c3dc;
				--md-sys-color-on-secondary-rgb:48,46,65;
				--md-sys-color-on-secondary:#302e41;
				--md-sys-color-secondary-container-rgb:71,68,89;
				--md-sys-color-secondary-container:#474459;
				--md-sys-color-on-secondary-container-rgb:229,223,249;
				--md-sys-color-on-secondary-container:#e5dff9;
				--md-sys-color-tertiary-rgb:236,185,207;
				--md-sys-color-tertiary:#ecb9cf;
				--md-sys-color-on-tertiary-rgb:72,37,55;
				--md-sys-color-on-tertiary:#482537;
				--md-sys-color-tertiary-container-rgb:97,59,77;
				--md-sys-color-tertiary-container:#613b4d;
				--md-sys-color-on-tertiary-container-rgb:255,216,233;
				--md-sys-color-on-tertiary-container:#ffd8e9;
				--md-sys-color-error-rgb:255,180,169;
				--md-sys-color-error:#ffb4a9;
				--md-sys-color-on-error-rgb:104,0,3;
				--md-sys-color-on-error:#680003;
				--md-sys-color-error-container-rgb:147,0,6;
				--md-sys-color-error-container:#930006;
				--md-sys-color-on-error-container-rgb:255,180,169;
				--md-sys-color-on-error-container:#ffb4a9;
				--md-sys-color-background-rgb:28,27,31;
				--md-sys-color-background:#1c1b1f;
				--md-sys-color-on-background-rgb:229,225,230;
				--md-sys-color-on-background:#e5e1e6;
				--md-sys-color-surface-rgb:28,27,31;
				--md-sys-color-surface:#1c1b1f;
				--md-sys-color-on-surface-rgb:229,225,230;
				--md-sys-color-on-surface:#e5e1e6;
				--md-sys-color-surface-variant-rgb:71,69,79;
				--md-sys-color-surface-variant:#47454f;
				--md-sys-color-on-surface-variant-rgb:201,197,208;
				--md-sys-color-on-surface-variant:#c9c5d0;
				--md-sys-color-outline-rgb:146,143,154;
				--md-sys-color-outline:#928f9a;
				--md-sys-color-shadow-rgb:0,0,0;
				--md-sys-color-shadow:#000000;
				--md-sys-color-inverse-surface-rgb:229,225,230;
				--md-sys-color-inverse-surface:#e5e1e6;
				--md-sys-color-inverse-on-surface-rgb:49,48,51;
				--md-sys-color-inverse-on-surface:#313033;
				--md-sys-color-inverse-primary-rgb:93,83,168;
				--md-sys-color-inverse-primary:#5d53a8;
			}