:root {
  --primary-1: #dbbe76;
  --primary-2: #8c6e42;
  --secondary-1: #e7cd80;
  --secondary-2: #b28b53;
  --primary: linear-gradient(
    270deg,
    var(--primary-1) 0%,
    var(--primary-2) 100%
  );
  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --icon-gradient-1: var(--primary-1);
  --icon-gradient-2: var(--primary-2);
  --text-primary: #580e6e;
  --text-secondary: #f2f2f2;
  --form-border: rgb(45, 37, 50);
  --form-background: #312445;
  --form-background-light: #6f4070;
  --out-line-primary: #7c0e66;
  --out-line-background-primary: #160023;
  --border-primary: #fc007a;
  --text: #fff;
  --text-secondary: #fff;
  --text-secondary-2: var(--light-purple);
  --text-primary: #fff;
  --text-primary-2: var(--highlight-text);
  --hover-primary-menu: var(--menu-item-background);
  --out-line-background-primary-2: var(--out-line-background-primary);
  --line: #501d6f;
  --member-level-card-bg: linear-gradient(
    106.9deg,
    #280e3e 16.45%,
    #4f1f6c 39.96%,
    #1b0930 100.29%
  );
  --member-level-card-detail-bg: linear-gradient(
    90deg,
    #290f3f 33.37%,
    rgba(79, 31, 108, 0.75) 68.05%,
    #301249 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: #18072c;
  --background-primary-color-2: #52206f;
  --background-primary-color-3: #4c1d68;
  --background-primary-color-4: #34134c;
  --background-primary-color-5: #18072c;

  --background-primary: linear-gradient(
    180deg,
    #18072c 0%,
    #52206f 160px,
    #4c1d68 35.94%,
    #34134c 68.75%,
    #18072c 100%
  );
  --background-navigation: linear-gradient(
    360deg,
    #130526 4.08%,
    #52206f 96.81%
  );
  --box-border: #1a0b23;
  --box-page-1: #1a0b23;
  --box-page-2: #1a0b23;
  --box-page-background: #1a0b23;
  --background-linear-end: #871f79;
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: var(--light-purple);
  --light-purple: #beabbb;
  --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: #e0b762;
  --highlight-text: #e0b762;
  --active-nav: #e0b762;
  --inactive-nav: #ffffff;
  --highlight-text-bottom: #e0b762;
  --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(270deg, #dec279 7.12%, #9e7d4a 100%);
  --shadow-nav-play-game: #9e7d4a;
  --swal2-background: #26173d;
  --bg-html: #18072c;
  --bg-jackpot-1: var(--form-background);
  --text-category-active: var(--text);
  --icon-filter-line: white;
  --username-text: var(--text-secondary-2);
  --number-text: var(--text-secondary);

  --icon-active: var(--light-purple);
  --icon-focused: white;
  --icon-chevron: var(--light-purple);
  --text-third: var(--text);
  --quest-reward: var(--primary);
  --icon-hexagon-1: var(--primary-1);
  --icon-hexagon-2: var(--primary-2);
  --benefit-label-text: var(--light-purple);
  --fill-icon-badge: var(--box-page-background);
  --icon-install-app: var(--text);
  --background-curved: var(--background-navigation);
  --background-announcement: var(--primary);
  --text-announcement: var(--text-secondary);
  --icon-burger: var(--text);
  --outline-play-quest: var(--out-line-primary);

  --icon-quest: var(--light-purple);
  --quest-sub-title: var(--light-purple);

  --member-lv-line: var(--line);
  --icon-close: var(--text-secondary);
  --hover-highlight-menu: var(--hover-primary-menu);

  --hover-highlight-text: var(--highlight-text);

  --bg-member-lv-detail: var(--form-background);

  --jackpot-card-wrapper: var(--primary);
  --jackpot-card-wrapper-bg: rgba(0, 0, 0, 0.3);
  --jackpot-tab: var(--light-purple);
  --jackpot-tab-active: #fff;
  --jackpot-btn-join-bg: transparent;
  --jackpot-text-primary: var(--highlight-text-bottom);
  --jackpot-text-secondary: var(--jackpot-text);
  --jackpot-text: #fff;
  --widget-bg: var(--swal2-background);
  --widget-icon-inactive: var(--light-purple);
  --freespin-filter-highlight: var(--highlight-text);
  --withdraw-amount: var(--text-primary);
  --footer-policy-link: var(--text-section);
  --coupon-read-more: var(--text-secondary);
  --quest-complete-bg: var(--form-background);
  --login-inquiry-text: var(--text-secondary);
  --row-highlight: #00000026;
  --swiper-pagination-bullet: rgba(0, 0, 0, 0.2);
  --menu-item-icon: var(--inactive-nav);
  --menu-item-icon-active: var(--active-nav);
  --menu-item-text: var(--inactive-nav);
  --menu-item-text-hover: var(--active-nav);
  --menu-item-background: var(--form-background);
  --menu-item-background-hover: var(--form-background);
  --text-category-inactive: var(--text-secondary);
  --member-level-rank-text: var(--text);
  --benefit-label-text-2: var(--benefit-label-text);
  --game-play-btn: var(--text);
  --setting-menu-text: var(--menu-text);
  --profile-menu-background-hover: var(--menu-item-background);
  --setting-menu-text-hover: var(--setting-menu-hover);
  --last-win-amount: var(--text-primary);
  --deposit-warning-remark: var(--box-page-background);
  --table-border-line: rgba(255, 255, 255, 0.226);
  --table-pagiantion-active: var(--text);
  --exchange-money-point: var(--inactive-nav);
  --exchange-money-point-header: var(--inactive-nav-bottom);
  --text-point-color: var(--text);
  --referral-overview-value: var(--text);
  --footer-policy-link-active: var(--active-nav);
  --drop-file-text: var(--text-primary);
  --username-copy-icon: var(--text-secondary);
  --swal2-line: #eee;
  --coupon-code-bg: transparent;
  --redeem-reward-point-text: var(--text);
  --freespin-filter-selected: var(--text);
  --freespin-filter-text: var(--text-section);
  --freespin-filter-checkbox: var(--secondary-1);
  --freespin-filter-clear-all: var(--light-purple);
  --rolling-subheader: var(--text-primary);
  --rolling-amount: var(--text);
  --jackpot-card-wrapper-short: var(--form-background);
  --game-nav-bg: var(--form-background);
  --otp-text: var(--text-primary);
  --drop-file-brightness: brightness(1);
  --text-danger: rgba(220, 53, 69, 1);
  /* Add new color here */
}