/* SEO-Hub Design Tokens v1.0 — 2026-05-09
 * Источник истины для цветов, типографики, отступов.
 * Старые переменные --bg, --card, --green и т.д. в expert.html
 * на этапе миграции остаются как алиасы к этим токенам.
 * После завершения этапов 2-4 старые переменные будут удалены. */

:root {
  /* ── Фон / поверхности ──────────────────────────────────── */
  --bg-base:        #0e1014;
  --bg-card:        #1a1d24;
  --bg-card-hover:  #1f2229;
  --bg-subtle:      rgba(255, 255, 255, 0.03);

  /* ── Бордеры ────────────────────────────────────────────── */
  --border-subtle:  rgba(255, 255, 255, 0.06);
  --border-strong:  rgba(255, 255, 255, 0.10);

  /* ── Текст ──────────────────────────────────────────────── */
  --text-primary:   #f3f4f6;
  --text-secondary: #9ca3af;
  --text-muted:     #6b7280;
  --text-disabled:  #4b5563;

  /* ── Семантика (максимум 3 одновременно в блоке) ─────────── */
  --accent:         #10b981;   /* изумрудный — рост, OK, позитив */
  --negative:       #ef4444;   /* красный — падения, алерты */
  --warning:        #f59e0b;   /* янтарный — предупреждения, РЕДКО */

  /* ── Брендовые акценты (поисковики) ─────────────────────── */
  --google-blue:    #3b82f6;
  --yandex-red:     #FC3F1D;

  /* ── Типографика ────────────────────────────────────────── */
  --font-display:   'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:      'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   18px;
  --text-lg:   24px;
  --text-xl:   32px;
  --text-2xl:  48px;
  --text-3xl:  64px;

  /* ── Отступы ────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  /* ── Радиусы ────────────────────────────────────────────── */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg: 12px;

  /* ── Тени (carbon-style) ────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
}

/* ── Базовая типографика ──────────────────────────────────── */
body {
  font-family: var(--font-display);
  background:  var(--bg-base);
  color:       var(--text-primary);
  font-size:   var(--text-base);
  line-height: 1.5;
}

/* ── Числа табличными цифрами (нет скачков при обновлении) ── */
.metric,
.number,
[data-metric] {
  font-feature-settings: 'tnum' 1, 'cv11' 1;
  font-variant-numeric:  tabular-nums;
}