/**
 * JobFinder UI v2 — брендовый токен-слой (раунд 4: «пузыри D3 × сигнал D2»).
 *
 * Подключается ПОСЛЕ cabinet-theme.css. Только переменные — ни одного
 * компонентного селектора, поэтому существующие стили продолжают работать
 * как есть, а вся палитра (кабинеты, админка, маркетинг) перекрашивается
 * централизованно через --vb-* маппинг.
 *
 * Механизм тем не меняется: data-theme на <html>, localStorage vb-theme,
 * theme_init_script.html (без flash). Дефолт светлой темы = :root.
 *
 * Контраст (WCAG AA):
 *   light: --vb-text-primary #122A47 на #F3F8FB ≈ 12.4:1, --jf-cyan #0E8FB8 на белом ≈ 4.7:1
 *   dark:  --vb-text-primary #EAF1FA на #081426 ≈ 14.9:1, --jf-cyan #4CD4F5 на #0F2240 ≈ 8.9:1
 */

:root {
  /* --- JobFinder brand tokens (light) --- */
  --jf-navy: #0E2A5C;
  --jf-navy-2: #164B8C;
  --jf-cyan: #0E8FB8;
  --jf-cyan-strong: #149CC7;
  --jf-teal: #177E6E;
  --jf-mint: #DFF3EF;
  --jf-glow: 0 6px 18px rgba(20, 156, 199, 0.18);

  /* --- маппинг на существующие --vb-* (light) --- */
  --vb-page-bg: #F3F8FB;
  --vb-text-primary: #122A47;
  --vb-text-muted: #5B7186;
  --vb-surface: #FFFFFF;
  --vb-surface-muted: #F7FBFD;
  --vb-border: #D9E6F0;
  --vb-card-shadow: 0 10px 28px rgba(18, 42, 71, 0.10);
  --vb-card-hover-shadow: 0 14px 34px rgba(18, 42, 71, 0.14);
  --vb-brand-rgb: 14, 143, 184;
  --bs-body-bg: var(--vb-page-bg);
  --bs-body-color: var(--vb-text-primary);
  --bs-border-color: var(--vb-border);
}

html[data-theme="dark"] {
  /* --- JobFinder brand tokens (dark) --- */
  --jf-navy: #0E2A5C;
  --jf-navy-2: #1E5AA8;
  --jf-cyan: #4CD4F5;
  --jf-cyan-strong: #35C2E8;
  --jf-teal: #2FB6A8;
  --jf-mint: rgba(47, 182, 168, 0.14);
  --jf-glow: 0 0 26px rgba(53, 194, 232, 0.28);

  /* --- маппинг на существующие --vb-* (dark) --- */
  --vb-page-bg: #081426;
  --vb-text-primary: #EAF1FA;
  --vb-text-muted: #8FA3C0;
  --vb-surface: #0F2240;
  --vb-surface-muted: #13294B;
  --vb-border: #1B3355;
  --vb-card-shadow: 0 14px 34px rgba(3, 10, 22, 0.50);
  --vb-card-hover-shadow: 0 18px 40px rgba(3, 10, 22, 0.60);
  --vb-brand-rgb: 53, 194, 232;
  --bs-body-bg: var(--vb-page-bg);
  --bs-body-color: var(--vb-text-primary);
  --bs-border-color: var(--vb-border);
}