:root {
  color-scheme: dark;
  --tg-bg: var(--tg-theme-bg-color, #0f141b);
  --tg-secondary: var(--tg-theme-secondary-bg-color, #1a2330);
  --tg-text: var(--tg-theme-text-color, #f2f6fb);
  --tg-hint: var(--tg-theme-hint-color, #8b98a9);
  --tg-accent: var(--tg-theme-button-color, #2aabee);
  --tg-accent-text: var(--tg-theme-button-text-color, #ffffff);
  --tg-header: var(--tg-theme-header-bg-color, #0f141b);
  --bg0: var(--tg-bg);
  --bg1: var(--tg-secondary);
  --card: color-mix(in srgb, var(--tg-secondary) 82%, transparent);
  --stroke: rgba(255, 255, 255, 0.09);
  --stroke-soft: rgba(255, 255, 255, 0.06);
  --text: var(--tg-text);
  --hint: var(--tg-hint);
  --accent: var(--tg-accent);
  --accent-text: var(--tg-accent-text);
  --ok: #34c77b;
  --warn: #f5a524;
  --bad: #f31260;
  --r-lg: 18px;
  --r-md: 14px;
  --r-sm: 10px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --ease: cubic-bezier(0.22, 0.9, 0.28, 1);
}