:root {
  --primary-1: #d59f02;
  --primary-2: #fcdd4e;
  --primary2-1: var(--primary-1);
  --primary2-2: var(--primary-2);
  --secondary-1: #d7a022;
  --secondary-2: #dddfc5;
  --navbar-1: #12340d;
  --navbar-2: #0a6707;
  --bg-primary: #11270d;
  --bg-secondary: #0d2207;
  --bg-card-exchange-money: var(--bg-secondary);
  --bg-opacity: #466c341a;
  --bg-footer: #0d2207;
  --primary: linear-gradient(
    284.36deg,
    var(--primary-2) 0.18%,
    var(--primary-1) 97.99%
  ) !important;
  --primary2: linear-gradient(
    284.36deg,
    var(--primary2-2) 0.18%,
    var(--primary2-1) 97.99%
  );
  --primary-button: linear-gradient(
    284.36deg,
    var(--primary-2) 0.18%,
    var(--primary-1) 97.99%
  );
  --member-level-card-bg: linear-gradient(
    90deg,
    #11270d 13.37%,
    #0e540a 68.05%,
    #0d2407 90.18%
  );
  --primary-button-2: linear-gradient(
    284.36deg,
    var(--primary-2) 0.18%,
    var(--primary-1) 97.99%
  );
  --secondary: linear-gradient(
    286.77deg,
    var(--secondary-1) 5.83%,
    var(--secondary-2) 96.51%
  );
  --navbar: linear-gradient(
    90.08deg,
    var(--navbar-1) 0%,
    var(--navbar-2) 53.12%,
    var(--navbar-1) 100%
  );
  --hover-game: linear-gradient(
    360deg,
    #0b440d 0%,
    rgba(11, 68, 13, 0.11) 55.21%
  );
  --selection-text: #e0b762;
  --selection-text-2: var(--lighten-text);
  --lighten-text: #aab59d;
  --line: #1c3f20;
  --text: #fff;
  --text-2: var(--text);
  --opacity-1: var(--bg-opacity);
  --shadow-color: #f5d1634d;
  --swal-background: #0d2207;
  --default-account-color: var(--selection-text);
  /* add color here */
}