:root {
  --primary-1: #ffea83;
  --primary-2: #e0b245;
  --secondary-1: #dddfc5;
  --secondary-2: #e0b245;

  --primary: linear-gradient(
    272.84deg,
    var(--primary-1) 0.59%,
    var(--primary-2) 64.82%
  );
  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --text-primary: #6e0e6e;
  --text-secondary: #f2f2f2;
  --form-border: rgb(38, 50, 37);
  --form-background: #381471;
  --form-background-light: #610a64;
  --out-line-primary: #7c0e64;
  --out-line-background-primary: #23001e;
  --border-primary: #fc007a;
  --text: #fff;
  --text-secondary: #fff;
  --text-secondary-2: var(--light-purple);
  --text-primary: #fff;
  --text-primary-2: var(--highlight-text);
  --out-line-background-primary-2: var(--out-line-background-primary);
  --line: #361c3f;
  --member-level-card-bg: linear-gradient(
    106.9deg,
    #210a46 16.45%,
    #6b19a6 39.96%,
    #190736 100.29%
  );
  --member-level-card-detail-bg: linear-gradient(
    90deg,
    #220b47 33.37%,
    rgba(106, 25, 164, 0.75) 68.05%,
    #3b0f64 90.18%
  );

  --outline-text-color: #fff;
  --grey-outline: var(--light-purple);
  --disabled-button-primary: var(--light-purple);
  --text-section: var(--light-purple);

  --background-primary-color-1: #460774;
  --background-primary-color-2: #8927d1;
  --background-primary-color-3: #7421b4;
  --background-primary-color-4: #602e9a;
  --background-primary-color-5: #2e0f5b;

  --background-primary: linear-gradient(
    180deg,
    #460774 0%,
    #8927d1 160px,
    #7421b4 35.94%,
    #602e9a 68.75%,
    #2e0f5b 100%
  );
  --background-navigation: linear-gradient(360deg, #2c0d5d 0%, #8d4acf 100%);
  --box-border: #130528;
  --box-page-1: #130528;
  --box-page-2: #2f0e63;
  --box-page-background: linear-gradient(
    180deg,
    var(--box-page-1) 0%,
    var(--box-page-2) 100%
  );
  --background-linear-end: #871f79;
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: var(--light-purple);
  --light-purple: #beabb8;
  --menu-item-background: var(--form-background);
  --menu-item-background-hover: var(--form-background);
  --promotion-game-category-text: var(--light-purple);
  --promotion-game-category-active: var(--text-secondary);
  --out-line-light-purple: var(--light-purple);
  --out-line-background-light-purple: #190a31;
  --box-gray-purple: rgba(255, 255, 255, 0.1);
  --pink-red: #fe4e4e;
  --wallet-label: #ddc0e2;
  --highlight-text: #e152ff;
  --active-nav: #e152ff;
  --inactive-nav: #ddc0e2;
  --highlight-text-bottom: #e152ff;
  --inactive-nav-bottom: #ffffff;
  --setting-menu-hover: var(--highlight-text);
  --setting-menu: var(--light-purple);
  --item-game-background: linear-gradient(
    360deg,
    #8e1d7f 0%,
    rgba(31, 136, 38, 0.11) 90%
  );
  --nav-play-game: linear-gradient(
    145.01deg,
    #9741df 7.07%,
    #dfa126 30.68%,
    #fbe339 58.37%,
    #e6bb1f 94.24%
  );
  --shadow-nav-play-game: #fbe339;
  --swal2-background: #270b51;
  --bg-html: #460774;
  --bg-jackpot-1: #8d4acf;

  --bg-jackpot-box: rgba(0, 0, 0, 0.4);
  --bg-jackpot-winner-card: rgba(0, 0, 0, 0.2);

  --jackpot-text: var(--text);
  /* add color here */
}