:root {
  color-scheme: light;
  /* colors — mint canvas, tinted header/footer, still lighter than the page */
  --color-bg: #dcefd4;
  --text-color-primary: #1a1a1a;
  --text-color-secondary: #3e5a3c;
  --text-on-media: #ffffff;
  --color-button-text: #000000;
  --color-accent: #3fd62b;
  --color-accent-gold: #f4bf3a;
  --color-purple: #9a4ffe;
  --background-gray: #f2f9ee;
  --background-dark-gray: #eaf6e4;
  --background-dark: #eaf6e4;
  --header-bg: linear-gradient(180deg, #f2faec 0%, #e3f3da 100%);
  --footer-bg: linear-gradient(180deg, #e3f3da 0%, #eef8e8 100%);
  --background-gray-transparent: rgba(63, 214, 43, 0.1);
  --background-icon: #cdebbf;
  --background-icon-glow: rgba(63, 214, 43, 0.22);
  --background-icon-transparent: rgba(63, 214, 43, 0);
  --buttons-gradient: linear-gradient(180deg, #3fd62b 32.12%, #0e7500 100%);
  --color-border: #b6d9ab;
  --color-surface: #f7fbf4;
  --table-stripe: rgba(63, 214, 43, 0.08);
  --header-shadow: 0 1px 0 rgba(34, 90, 28, 0.08), 0 8px 24px rgba(34, 90, 28, 0.08);
  --footer-shadow: 0 -1px 0 rgba(34, 90, 28, 0.08), 0 -8px 24px rgba(34, 90, 28, 0.06);
  --feature-card-gradient: linear-gradient(180deg, #f4faf0 0%, #e6f4de 100%);
  --bonus-card-gradient: linear-gradient(90deg, #f0f9ec 0%, #e4f1fb 100%);
  --download-card-gradient: linear-gradient(136.63deg, #e6f2ff 0.15%, #e4f6de 99.85%);
  --main-sports-panel-item-color: var(--text-color-secondary);
  --warning-shadow:
    0 15.504px 23.256px 0 rgba(0, 0, 0, 0.08),
    0 5.814px 29.07px 0 rgba(0, 0, 0, 0.06),
    0 7.752px 9.69px 0 rgba(0, 0, 0, 0.08);

  /* 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;
}