/*
 * Job Hunters Mini App: цветовые токены двух тем.
 * Тема выбирается по Telegram.WebApp.colorScheme ('dark' | 'light')
 * и переключается по событию themeChanged. Класс вешается на корень приложения.
 *
 * Правило: белый текст (#fff) только на акцентных заливках (кнопки var(--grad)/var(--acc),
 * бейджи). Весь остальной текст через var(--ink) / var(--text) / var(--muted),
 * иначе в светлой теме он пропадает на белых карточках.
 */

.t-dark {
  --bg: #151938;        /* фон экрана */
  --bg2: #0f1230;       /* фон под шторкой */
  --sheet: #1a1e44;     /* шторки и нижние панели */
  --card: #1e2350;      /* карточки */
  --card2: #262c5e;     /* чипсы, вторичные кнопки, вложенные блоки */
  --ink: #ffffff;       /* заголовки, основной текст на карточках */
  --text: #d6d9f0;      /* обычный текст */
  --muted: #a3a8cc;     /* подписи */
  --line: rgba(160, 150, 255, .2);
  --acc: #6d55ff;       /* акцент: выбранный чип, переключатель */
  --accLine: #9b84ff;   /* обводка выбранного */
  --accText: #b8a8ff;   /* ссылки, текстовые кнопки */
  --accSoft: #3b3a8f;   /* мягкая акцентная заливка: активный пункт меню, иконки */
  --accSel: #4a3fb8;    /* «Вы подписаны» */
  --grad: linear-gradient(90deg, #6d55ff, #8a6cff); /* главные кнопки */
  --promo: linear-gradient(135deg, #2c2a7a, #3d2f8f); /* баннер Plus, обзор с Хантиком */
  --good: #4ade80;  --goodBg: #143a2a;  --goodLine: rgba(74, 222, 128, .35);
  --warn: #ffb866;  --warnBg: #3a2914;
  --bad: #ff8a8a;   --badBg: #3d1d27;
  --off: #3a3f6e;   /* выключенный переключатель, неактивная кнопка */
  --scrim: rgba(5, 7, 20, .66);
}

.t-light {
  --bg: #f5f6f8;
  --bg2: #d9dce3;
  --sheet: #f5f6f8;
  --card: #ffffff;
  --card2: #eef0f3;
  --ink: #000000;
  --text: #33363d;
  --muted: #5e636e;
  --line: #e3e5ea;
  --acc: #3040f0;
  --accLine: #3040f0;
  --accText: #1f2bb8;
  --accSoft: #e6e8ff;
  --accSel: #3040f0;
  --grad: #3040f0;
  --promo: #e6e8ff;
  --good: #13693a;  --goodBg: #e3f5ea;  --goodLine: #bfe6cd;
  --warn: #8a4b00;  --warnBg: #fff1dc;
  --bad: #9b1c1c;   --badBg: #fde6e6;
  --off: #c9ccd3;
  --scrim: rgba(14, 16, 21, .45);
}

/* Видео-лоадер с Хантиком: у ролика запечённый тёмно-синий фон. */
.loader { display: block; object-fit: cover; }
.t-dark .loader {
  -webkit-mask-image: radial-gradient(circle at 50% 48%, #000 50%, transparent 71%);
  mask-image: radial-gradient(circle at 50% 48%, #000 50%, transparent 71%);
}
.t-light .loader { border-radius: 32px; box-shadow: 0 18px 40px rgba(20, 24, 60, .18); }