:root {
  /* Базовые */
  --bg: #101014;          /* общий фон, почти чёрный */
  --text: #f0f2f5;        /* основной текст, светлый */
  --muted: #9da3ae;       /* приглушённый текст */
  --black: #0a0a0a;
  --white: #ffffff;

  /* Брендовые */
  --primary: #3bb273;          /* зелёный акцент (баланс, кнопки) */
  --primary-contrast: #11271d; /* тёмный фон для контраста */
  --secondary: #4ea1ff;        /* голубой/синий акцент (CTA, выделения) */
  --secondary-contrast: #14253a;

  /* Поверхности/границы/ссылки */
  --border: #22232b;      /* нейтральная граница */
  --card: #1a1c22;        /* карточки */
  --link: #4ea1ff;        /* ссылки — синие акценты */

  /* Семантика для кнопок/ховеров */
  --btn-primary-fg: var(--white);                  /* текст на зелёной кнопке */
  --btn-primary-border-mix-base: var(--black);
  --btn-secondary-fg: var(--white);                /* текст на синей кнопке */
  --btn-secondary-border-mix-base: var(--black);
  --card-hover-mix-base: var(--white);
}