:root {
  /* General */
  --app-primary-1:        #20d5f2;
  --app-primary-2:        #20d5f2;
  --app-secondary:        #2D2F33;

  --app-page-bg-1:        #121212;
  --app-page-bg-2:        #121212;

  --app-divider:          #2D2F33;
  --app-border:           #20d5f2;

  /* Text */
  --app-primary-text:     #ffffff;
  --app-secondary-text:   #ffffff;

  /* Card */
  --app-card-bg:          #191A1D;

  /* Header */
  --app-header-bg-1:      #191A1D;
  --app-header-bg-2:      #191A1D;
  --app-header-icon:      #D9D9D9;

  /* Bottom Menu */
  --app-buttom-menu-bg:           #191a1d;
  --app-buttom-menu-color:        #ffffff;
  --app-buttom-menu-active-color: #f8f9fd;

  /* Input */
  --app-input-bg:         #2D2F33;
  --app-input-border:     #42454A;

  /* Button */
  --app-button-primary-text:        #000000;
  --app-button-secondary-text:      #ffffff;
}