:root {
  --primary: #4aa3a1; /* teal */
  --secondary: #2b5f75; /* dark teal */
  --success: #82c4c3; /* light teal */
  --info: #a0d7d6; /* light blue */
  --warning: #f0a500; /* yellow */
  --danger: #ff6b6b; /* coral red */
  --black: #000; /* black */
  --primary-color: #28747b; /* dark teal */
  --radius: .5rem;
  --link-color: #4aa3a1; /* teal */
  --link-color-hover: var(--primary-color);
  --heading-color: #4aa3a1; /* teal */
  --button-daftar-background: var(--primary-color);
  --button-masuk-background: transparent;
  --button-pasaran-background: linear-gradient(#28747b, #2b5f75); /* gradient dark teal to dark blue */
  --body-background: #082b2e; /* dark cyan */
  --body-color: var(--white);
  --logo-max-width: 250px;
  --header-background: #082b2e; /* dark cyan */
  --header-menu-color: #fff; /* white */
  --running-text-background: #2b5f75; /* dark teal */
  --mobile-running-text-background: linear-gradient(#28747b, #2b5f75); /* gradient dark teal to dark blue */
  --horizontal-menu-top-background: #2b5f75; /* dark teal */
  --running-text-color: #fff; /* white */
  --gamemenu-background: linear-gradient(#28747b, #2b5f75); /* gradient dark teal to dark blue */
  --running-text-durasi: 30s;
  --steps-background: #2b5f75; /* dark teal */
  --btn-game-background: #2b5f75; /* dark teal */
  --result-box-background: #2b5f75; /* dark teal */
  --result-ball-background: linear-gradient(#28747b, #2b5f75); /* gradient dark teal to dark blue */
  --top-ten-background: #2b5f75; /* dark teal */
  --metode-pembayaran-background: var(--running-text-background);
  --footer-background: var(--running-text-background);
  --btn-bottom-background: #2b5f75; /* dark teal */
  --promo-card-background: #2b5f75; /* dark teal */
  --pagination-background: #2b5f75; /* dark teal */
  --provider-menu-background: #2b5f75; /* dark teal */
  --product-background: #2b5f75; /* dark teal */
  --placebet-background: var(--primary);
}