:root {
  color-scheme: dark;
  /* colors */
  --color-bg: #000000;
  --text-color-primary: #f7f7f7;
  --text-color-secondary: #cccccc;
  --text-on-media: #f7f7f7;
  --color-button-text: #000000;
  --color-accent: #3fd62b;
  --color-accent-gold: #f4bf3a;
  --color-purple: #9a4ffe;
  --background-gray: #242424;
  --background-dark-gray: #16181b;
  --background-dark: #171717;
  --header-bg: #171717;
  --footer-bg: #171717;
  --background-gray-transparent: rgba(40, 43, 46, 0.4);
  --background-icon: #303746;
  --background-icon-glow: rgba(48, 55, 70, 0.5);
  --background-icon-transparent: rgba(48, 55, 70, 0);
  --buttons-gradient: linear-gradient(180deg, #3fd62b 32.12%, #0e7500 100%);
  --color-border: #484848;
  --color-surface: #181818;
  --table-stripe: rgba(22, 24, 27, 0.5);
  --header-shadow: none;
  --footer-shadow: none;
  --feature-card-gradient: linear-gradient(180deg, #222222 0%, #151515 100%);
  --bonus-card-gradient: linear-gradient(90deg, #16181b 0%, #161b26 100%);
  --download-card-gradient: linear-gradient(136.63deg, #1d244b 0.15%, #040a2f 99.85%);
  --main-sports-panel-item-color: var(--text-color-primary);
  --warning-shadow:
    0 15.504px 23.256px 0 rgba(0, 0, 0, 0.14),
    0 5.814px 29.07px 0 rgba(0, 0, 0, 0.12),
    0 7.752px 9.69px 0 rgba(0, 0, 0, 0.2);

  /* paddings */
  --padding-main: 16px;

  --radius-main: 16px;
  --radius-large: 24px;
  --radius-medium: 10px;
  --radius-small: 8px;

  /* font-size */
  --header-font-size-desktop: 24px;
  --header-font-size-mobile: 18px;
  --subheader-font-size-desktop: 20px;
  --subheader-font-size-mobile: 16px;
  --basic-font-size: 16px;
  --basic-font-size-mobile: 14px;
}