:root {
    /* Sets the text color to the theme primary color. */
    --mdc-theme-primary: #B0DFF2;
    /* Sets the text color to the theme accent color. */
    --mdc-theme-accent: #D66853;
    /* Sets the background color to the theme background color. */
    --mdc-theme-background: white;
    /* Sets the background color to the theme primary color. */
    --mdc-theme-primary-bg: #3f51b5;
    /* Sets the background color to the theme accent color. */
    --mdc-theme-accent-bg: #009688;

    /* Set text to suitable color for primary text on top of a theme primary color background. */
    --mdc-theme-text-primary-on-primary: white;
    /* Set text to suitable color for secondary text on top of a theme primary color background. */	
    --mdc-theme-text-secondary-on-primary: white;
    /* Set text to suitable color for hint text on top of a theme primary color background. */	
    --mdc-theme-text-hint-on-primary: white;
    /* Set text to suitable color for disabled text on top of a theme primary color background. */	
    --mdc-theme-text-disabled-on-primary: white;
    /* Set text to suitable color for icons on top of a theme primary color background. */	
    --mdc-theme-text-icon-on-primary: white;

    /* Primary text on top of the theme background color. */
    --mdc-theme-text-primary-on-accent: white;
    /* Secondary text on top of the theme background color.	*/
    --mdc-theme-text-secondary-on-accent: white;
    /* Hint text on top of the theme background color. */
    --mdc-theme-text-hint-on-accent: white;
    /* Disabled text on top of the theme background color. */
    --mdc-theme-text-disabled-on-accent: white;
    /* Icons on top of the theme background color. */
    --mdc-theme-text-icon-on-accent: white;

    /* Primary text on top of the theme background color. */
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    /* Secondary text on top of the theme background color.	*/
    --mdc-theme-text-secondary-on-background: white;
    /* Hint text on top of the theme background color. */
    --mdc-theme-text-hint-on-background: white;
    /* Disabled text on top of the theme background color. */
    --mdc-theme-text-disabled-on-background: white;
    /* Icons on top of the theme background color. */
    --mdc-theme-text-icon-on-background: white;

    /* Primary text on top of a light-colored background. */
    --mdc-theme-text-primary-on-light: rgba(0,0,0,.87);
    /* Secondary text on top of a light-colored background.	*/
    --mdc-theme-text-secondary-on-light: rgba(0,0,0,.54);
    /* Hint text on top of a light-colored background. */
    --mdc-theme-text-hint-on-light: white;
    /* Disabled text on top of a light-colored background. */
    --mdc-theme-text-disabled-on-light: white;
    /* Icons on top of a light-colored background.	*/
    --mdc-theme-text-icon-on-light: white;

    /* Primary text on top of a dark-colored background. */
    --mdc-theme-text-primary-on-dark: white;
    /* Secondary text on top of a dark-colored background. */	
    --mdc-theme-text-secondary-on-dark: white;
    /* Hint text on top of a dark-colored background. */		
    --mdc-theme-text-hint-on-dark: white;
    /* Disabled text on top of a dark-colored background. */		
    --mdc-theme-text-disabled-on-dark: white;
    /* Icons on top of a dark-colored background. */		
    --mdc-theme-text-icon-on-dark: white;
}