:root {
  --color-scheme: light;

  --background: #f2f2f2 !important;
  --background-hover: #e8e8e8 !important;
  --foreground: #ffffff !important;
  --foreground-hover: #f9f9f9 !important;

  --color: #000000;
  --sub-title: #818181;

  --shadow-color: #00000033;
  --divider-color: #f1f1f1;

  --input-foreground: #f0f2f5;
  --input-backgournd: #ffffff;
  --input-color: #000000;
  --input-border: #ffffff;
  --input-icon: #818181;

  --button-foreground: #ffffff !important;
  --button-foreground-hover: #c9c9c9 !important;
  --button-background: #f2f2f2 !important;
  --button-background-hover: #c9c9c9 !important;
  --button-color: #000000 !important;
  --button-color-hover: #ffffff !important;
  --button-border: #f1f1f100;
  --button-hover-background: #c9c9c9;
  --button-hover-color: #ffffff;
  --button-disable-backgrund: #ffffff00;
  --button-disable-color: #818181;
  --button-disable-border: #818181;
  --button-active-background: #7ca208;
  --button-active-hover: #627f08;
  --button-active-color: #ffffff;

  --switch-background: #f1f1f1;
  --switch-color: #cdcdcd;
  --switch-color-active: #7ca208;
  --switch-background-disable: #818181;
  --switch-color-disable: #cdcdcd;

  --badge-card-background: #f1f1f1;
  --badge-background: #f1f1f1;
  --badge-color: #000000;
  --badge-active-background: #7ca208;
  --badge-active-color: #ffffff;
  --badge-icon: #818181;

  --scroll-background: #f0f2f5;
  --scroll-color: #cacaca;
  --scroll-color-hover: #a8a8a8;

  --menu-background: #f1f1f1;
  --menu-background-hover: #cdcdcd;
  --menu-color: #000000;

  --online-status-background: #ffffff;
  --online-status-color: #f1f1f1;
  --online-status-color-active: #7ca208;

  --avatar-shadow: #f1f1f1;
  --avatar-more-background: #818181;
  --avatar-more-color: #000000;

  --tutorial-background: #10a2c5;
  --tutorial-text: #FFFFFF;
  --tutorial-button: #ffffff14;
  --tutorial-button-hover: #ffffff34;
}