:root {
  --primary: #6f42c1; /* royal purple */
  --secondary: #343a40; /* dark gray */
  --success: #5a6268; /* medium gray */
  --info: #d63384; /* magenta */
  --warning: #fd7e14; /* orange */
  --danger: #dc3545; /* red */
  --black: #000; /* black */
  --primary-color: #6f42c1; /* royal purple */
  --radius: 0.5rem;
  --link-color: #e83e8c; /* pink */
  --link-color-hover: var(--primary-color);
  --heading-color: #e83e8c; /* pink */
  --button-daftar-background: var(--primary-color);
  --button-masuk-background: transparent;
  --button-pasaran-background: linear-gradient(
    #6f42c1,
    #343a40
  ); /* gradient royal purple to dark gray */
  --body-background: #121212; /* very dark gray */
  --body-color: var(--white);
  --logo-max-width: 250px;
  --header-background: #121212; /* very dark gray */
  --header-menu-color: #fff; /* white */
  --running-text-background: #343a40; /* dark gray */
  --mobile-running-text-background: linear-gradient(
    #6f42c1,
    #343a40
  ); /* gradient royal purple to dark gray */
  --horizontal-menu-top-background: #343a40; /* dark gray */
  --running-text-color: #fff; /* white */
  --gamemenu-background: linear-gradient(
    #6f42c1,
    #343a40
  ); /* gradient royal purple to dark gray */
  --running-text-durasi: 30s;
  --steps-background: #343a40; /* dark gray */
  --btn-game-background: #343a40; /* dark gray */
  --result-box-background: #343a40; /* dark gray */
  --result-ball-background: linear-gradient(
    #6f42c1,
    #343a40
  ); /* gradient royal purple to dark gray */
  --top-ten-background: #343a40; /* dark gray */
  --metode-pembayaran-background: var(--running-text-background);
  --footer-background: var(--running-text-background);
  --btn-bottom-background: #343a40; /* dark gray */
  --promo-card-background: #343a40; /* dark gray */
  --pagination-background: #343a40; /* dark gray */
  --provider-menu-background: #343a40; /* dark gray */
  --product-background: #343a40; /* dark gray */
  --placebet-background: var(--primary);
}