:root {
  --am-background-color: #303030;
  --am-paper-background-color: #424242;
  --am-primary-main: #90caf9;
  --am-primary-light: #e3f2fd;
  --am-primary-dark: #42a5f5;
  --am-primary-contrast-text: #000000de;
  --am-secondary-main: #ce93d8;
  --am-secondary-light: #f3e5f5;
  --am-secondary-dark: #ab47bc;
  --am-secondary-contrast-text: #000000de;
  --am-error-main: #f44336;
  --am-error-light: #e57373;
  --am-error-dark: #d32f2f;
  --am-error-contrast-text: #fff;
  --am-warning-main: #ffa726;
  --am-warning-light: #ffb74d;
  --am-warning-dark: #f57c00;
  --am-warning-contrast-text: #000000de;
  --am-info-main: #29b6f6;
  --am-info-light: #4fc3f7;
  --am-info-dark: #0288d1;
  --am-info-contrast-text: #000000de;
  --am-success-main: #66bb6a;
  --am-success-light: #81c784;
  --am-success-dark: #388e3c;
  --am-success-contrast-text: #000000de;
  --am-divider-color: #ffffff1f;
  --am-action-active: #fff;
  --am-action-disabled: #ffffff4d;
  --am-action-focus: #ffffff1f;
  --am-action-selected: #ffffff29;
  --am-action-hover: #ffffff14;
  --am-text-primary: #fff;
  --am-text-secondary: #ffffffb3;
  --am-text-disabled: #ffffff80;
  --am-caption-color: #ffffff8a;
  --am-appbar-bg: var(--am-paper-background-color);
  --am-appbar-bg-contrast-text: var(--am-text-primary);
  --am-icon-button-color: var(--am-text-primary);
}