/* https://material.io/develop/web/docs/theming */
:root {
  --mdc-theme-primary: #6000ff;
  /* --mdc-theme-secondary: #ff0000; */

  /* --mdc-theme--primary-bg: #ffff00;
  --mdc-theme--secondary-bg: #00ffff;

  --mdc-theme-on-primary: #ff00ff;
  --mdc-theme-on-secondary: #ff8800;

  --mdc-theme-surface: #880088;
  --mdc-theme-on-surface: #8800ff;
  --mdc-theme-background: #00ff00;

  --mdc-theme-on-surface: #ff8888; */
}

@media (prefers-color-scheme: light) {
  :root {
    /* --mdc-theme-primary: #6000ff;
    --mdc-theme-secondary: #ff0000; */
    /* --mdc-theme-secondary: #016060; */

    --mdc-theme-background: #eeeeee;
    --mdc-theme-surface: #ffffff;

    --mdc-theme-on-primary: #eeeeee;
    --mdc-theme-on-secondary: #eeeeee;
    --mdc-theme-on-surface: #111111;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    /* --mdc-theme-primary: #6000ff;
    --mdc-theme-secondary: #ff0000; */

    --mdc-theme-background: #2c2c2c;
    --mdc-theme-surface: #424242;

    --mdc-theme-on-primary: #eeeeee;
    --mdc-theme-on-secondary: #eeeeee;
    --mdc-theme-on-surface: #eeeeee;

    --mdc-theme-text-primary-on-background: #ff0000;
    --mdc-theme-text-secondary-on-background: #ff0000;
    --mdc-theme-text-hint-on-background: #ff0000;
    /* --mdc-theme-text-disabled-on-background: #ff0000;
    --mdc-theme-text-icon-on-background: #ff0000;
    --mdc-theme-text-primary-on-light: #ff0000;
    --mdc-theme-text-secondary-on-light: #ff0000;
    --mdc-theme-text-hint-on-light: #ff0000;
    --mdc-theme-text-disabled-on-light: #ff0000;
    --mdc-theme-text-icon-on-light: #ff0000;
    --mdc-theme-text-primary-on-dark: #ff0000;
    --mdc-theme-text-secondary-on-dark: #ff0000;
    --mdc-theme-text-hint-on-dark: #ff0000;
    --mdc-theme-text-disabled-on-dark: #ff0000;
    --mdc-theme-text-icon-on-dark: #ff0000; */

    /* --mdc-theme-text-primary-on-dark: #cccccc; */
  }
}