/* Telegram CSS Variables — forced light, !important to override SDK inline */
:root {
  --tg-theme-bg-color: #ffffff !important;
  --tg-theme-text-color: #000000 !important;
  --tg-theme-hint-color: #999999 !important;
  --tg-theme-link-color: #6366f1 !important;
  --tg-theme-button-color: #6366f1 !important;
  --tg-theme-button-text-color: #ffffff !important;
  --tg-theme-secondary-bg-color: #f0f0f0 !important;
  --tg-theme-header-bg-color: #ffffff !important;
  --tg-theme-accent-text-color: #6366f1 !important;
  --tg-theme-section-bg-color: #ffffff !important;
  --tg-theme-section-header-text-color: #707579 !important;
  --tg-theme-subtitle-text-color: #707579 !important;
  --tg-theme-destructive-text-color: #df3f40 !important;
  --tg-theme-section-separator-color: #e7e7e7 !important;
  --tg-theme-bottom-bar-bg-color: #ffffff !important;
}

/* Body background follows theme (no inline style override) */
body {
  background-color: var(--tg-theme-bg-color, #ffffff);
}

/* Light theme via toggle — kept for app-internal data-theme handling */
[data-theme="light"] {
  --tg-theme-bg-color: #ffffff !important;
  --tg-theme-text-color: #000000 !important;
  --tg-theme-hint-color: #999999 !important;
  --tg-theme-link-color: #6366f1 !important;
  --tg-theme-button-color: #6366f1 !important;
  --tg-theme-button-text-color: #ffffff !important;
  --tg-theme-secondary-bg-color: #f0f0f0 !important;
  --tg-theme-header-bg-color: #ffffff !important;
  --tg-theme-accent-text-color: #6366f1 !important;
  --tg-theme-section-bg-color: #ffffff !important;
  --tg-theme-section-header-text-color: #707579 !important;
  --tg-theme-subtitle-text-color: #707579 !important;
  --tg-theme-destructive-text-color: #df3f40 !important;
  --tg-theme-section-separator-color: #e7e7e7 !important;
  --tg-theme-bottom-bar-bg-color: #ffffff !important;
}