:root {
  /* General */
  --app-primary-1:        #C09D65;
  --app-primary-2:        #EACDA0;
  --app-secondary:        #2D2F33;

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

  --app-divider:          #2D2F33;
  --app-border:           #42454A;

  /* Text */
  --app-primary-text:     #F8F1E7;
  --app-secondary-text:   #928B80;

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

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

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

  /* Input */
  --app-input-bg:         #191A1D;
  --app-input-border:     #C09D65;

  /* Button */
  --app-button-primary-text:        #3E382E;
  --app-button-secondary-text:      #C09D65;
}