/* Токены темы. Свои переменные --c-* маплены из --tg-theme-* с fallback (docs/04-spec.md §5).
   Расширенные --tg-theme-* (7.0+) могут отсутствовать на старых клиентах → всегда fallback.
   Вне Telegram (--tg-theme-* не заданы) работают fallback-значения; тёмная тема —
   по data-theme="dark" (его ставит app.js из platform.getTheme). */

:root {
  --c-bg:            var(--tg-theme-bg-color, #ffffff);
  --c-text:          var(--tg-theme-text-color, #1a1a1a);
  --c-hint:          var(--tg-theme-hint-color, #8a8a8e);
  --c-link:          var(--tg-theme-link-color, #2aabee);
  --c-accent:        var(--tg-theme-button-color, #2aabee);
  --c-accent-text:   var(--tg-theme-button-text-color, #ffffff);
  --c-section-bg:    var(--tg-theme-secondary-bg-color, #f1f1f4);
  --c-separator:     var(--tg-theme-section-separator-color, #e3e3e6);
  --c-destructive:   var(--tg-theme-destructive-text-color, #e53935);

  --radius: 12px;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --gap: 16px;
  --tap-min: 44px;
}

/* Тёмная тема вне Telegram (fallback). Внутри Telegram цвета приходят из --tg-theme-*. */
:root[data-theme='dark'] {
  --c-bg:          var(--tg-theme-bg-color, #17181a);
  --c-text:        var(--tg-theme-text-color, #f2f2f2);
  --c-hint:        var(--tg-theme-hint-color, #8a8a8e);
  --c-section-bg:  var(--tg-theme-secondary-bg-color, #232427);
  --c-separator:   var(--tg-theme-section-separator-color, #34353a);
}