html {
 --md-primary: #5156A9;
--md-on-primary: #FFFFFF;
--md-primary-container: #E0E0FF;
--md-on-primary-container: #060764;
--md-secondary: #5C5D72;
--md-on-secondary: #FFFFFF;
--md-secondary-container: #E1E0F9;
--md-on-secondary-container: #191A2C;
--md-tertiary: #78536A;
--md-on-tertiary: #FFFFFF;
--md-tertiary-container: #FFD8ED;
--md-on-tertiary-container: #2E1126;
--md-error: #BA1A1A;
--md-on-error: #FFFFFF;
--md-error-container: #FFDAD6;
--md-on-error-container: #410002;
--md-background: #FFFBFF;
--md-on-background: #1B1B1F;
--md-surface: #FFFBFF;
--md-on-surface: #1B1B1F;
--md-surface-variant: #E4E1EC;
--md-on-surface-variant: #46464F;
--md-outline: #777680;
--md-outline-variant: #C7C5D0;
--md-shadow: #000000;
--md-scrim: #000000;
--md-inverse-surface: #303034;
--md-inverse-on-surface: #F3EFF4;
--md-inverse-primary: #BFC2FF;
--md-surface-bright: #FCF8FD;
--md-surface-container: #F0EDF1;
--md-surface-container-high: #EAE7EC;
--md-surface-container-highest: #E5E1E6;
--md-surface-container-low: #F6F2F7;
--md-surface-container-lowest: #FFFFFF;
--md-surface-dim: #DCD9DD;
--md-surface-tint: #5156A7;
--md-ref-typeface-brand: 'Source Sans Pro', serif;
--md-ref-typeface-plain: 'system-ui';
--md-sys-typescale-body-medium-size: 16px;
--md-resolved-opacity: 1;
--md-shape-small: 4px;
--md-shape-medium: 12px;
--md-shape-large: 16px;
}