:root {
  --primary-1: #bd0f15;
  --primary-2: #970c11;
  --secondary-1: #970c11;
  --secondary-2: #bd0f15;

  --primary: linear-gradient(
    270deg,
    var(--primary-1) 7.12%,
    var(--primary-2) 100%
  );

  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --form-border: var(--primary-1);
  --form-background: #2a2a2a;
  --form-background-light: #2c2c2e;
  --out-line-primary: var(--line);
  --out-line-background-primary: var(--swal2-background);
  --border-primary: var(--primary-1);
  --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: #585858;

  --member-level-card-bg: linear-gradient(
    106.9deg,
    #1e1e1e 30.24%,
    #2d2d2d 49.95%,
    #191919 100.29%
  );
  --member-level-card-detail-bg: linear-gradient(
    106.9deg,
    #1e1e1e 30.24%,
    #2d2d2d 49.95%,
    #191919 100.29%
  );

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

  --background-primary-color-1: #0f0e0e;
  --background-primary-color-2: #373636;
  --background-primary-color-3: #464545;
  --background-primary-color-4: #373636;
  --background-primary-color-5: #0f0e0e;

  --background-primary: linear-gradient(
    180deg,
    var(--background-primary-color-1) 0%,
    var(--background-primary-color-2) 140px,
    var(--background-primary-color-3) 35.94%,
    var(--background-primary-color-4) 68.75%,
    var(--background-primary-color-5) 100%
  );

  --background-navigation: linear-gradient(
    5.04deg,
    #111112 4.14%,
    #333333 95.84%
  );
  --box-border: #000;
  --box-page-1: #1f1f1f;
  --box-page-2: #1f1f1f;
  --box-page-background: var(--box-page-1);
  --background-linear-end: var(--primary-1);
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: var(--light-purple);
  --light-purple: #bababa;
  --setting-menu-hover: var(--highlight-text);
  --setting-menu: var(--light-purple);
  --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: #1c310a;
  --box-gray-purple: rgba(255, 255, 255, 0.1);
  --pink-red: #fe4e4e;
  --wallet-label: var(--active-nav);
  --highlight-text: #ed252b;
  --active-nav: #ed252b;
  --inactive-nav: #ffffff;
  --highlight-text-bottom: #ed252b;
  --inactive-nav-bottom: #ffffff;
  --item-game-background: linear-gradient(
    360deg,
    #bd0f15 0%,
    rgba(31, 136, 38, 0.11) 90%
  );

  --nav-play-game: linear-gradient(270deg, #bd0f15 7.12%, #970c11 100%);
  --shadow-nav-play-game: #a00d12;
  --swal2-background: #333333;
  --bg-html: var(--background-primary-color-1);
  --bg-jackpot-1: var(--menu-item-background);
  --bg-jackpot-box: rgba(0, 0, 0, 0.4);
  --bg-jackpot-winner-card: rgba(0, 0, 0, 0.2);
  --jackpot-text: var(--text);

  --bg-footer-profile-wallet: linear-gradient(
    270.12deg,
    #ff0911 0.79%,
    #dd1219 33.19%,
    #db141b 66.54%,
    #970c11 99.89%
  );
  --text-referal-profile: var(--text);

  --bg-member-level-icon-hexagon: var(--form-background);
  --wrapper-shrunk-bg: var(--form-background);
  --widget-bg: var(--swal2-background);
  --widget-icon-inactive: var(--light-purple);
  --freespin-filter-text: var(--text-secondary);
  --freespin-filter-highlight: var(--highlight-text);
  --withdraw-amount: var(--text-primary);
  --footer-policy-link: var(--text-primary);
  --coupon-read-more: var(--text-secondary);
  --quest-complete-bg: var(--form-background);
  /* add color here */
}