/* =========================================================================
   Leadgid CPA hub — единый слой токенов темы (light + dark).
   Подключается ПЕРВЫМ, до app.css и модульных CSS. Канонические токены
   перекрашиваются при data-theme="dark"; legacy-имена — это var()-алиасы,
   объявленные один раз в :root, поэтому следуют автоматически (см. design note
   в плане Task 3). Имена токенов взяты из канона тёмных HTML-инструкций.
   ========================================================================= */
:root {
  color-scheme: light;

  /* поверхности */
  --bg:#F5F7FA;          /* фон страницы          (= старый --surface-alt) */
  --bg-rail:#1A1A2E;     /* фон сайдбара/rail     (= старый --ink-900 как surface) */
  --card:#FFFFFF;        /* основная поверхность  (= старый --surface) */
  --card-2:#F7F9FC;      /* вложенная/alt поверхность */

  /* линии */
  --line:#E5E7EB;        /* = старый --border */
  --line-soft:#F0F0F0;   /* = старый --border-soft */

  /* текст */
  --txt:#1F2733;         /* основной текст */
  --muted:#6B7280;       /* вторичный (= старый --ink-500) */
  --faint:#8A94A2;       /* третичный/подписи */

  /* бренд */
  --brand:#3B7BFB;
  --brand-deep:#1E5EE6;
  --cyan:#00B5E7;
  --grad:linear-gradient(135deg,#3B7BFB 0%,#00B5E7 100%);

  /* семантика */
  --good:#22C55E;   --good-bg:#DCFCE7;
  --warn:#F59E0B;   --warn-bg:#FEF3C7;
  --danger:#EF4444; --danger-bg:#FEE2E2;
  --info:#3B7BFB;   --info-bg:#DBEAFE;

  /* тени */
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow-md:0 4px 12px rgba(16,24,40,.06);

  /* тёмные surface-токены — одинаковы в обеих темах (genuine dark surfaces) */
  --ink-900:#1A1A2E;
  --ink-700:#2B2D3A;     /* тёмная elevated-поверхность на рейле (hover/статус-пилл) — НЕ текст */

  /* legacy без прямого канонического аналога — собственные light/dark значения */
  --accent-d:#1685C4;
  --success-700:#15803D;
  --warn-700:#B45309;
  --danger-700:#B91C1C;
  --brand-50:#EEF4FF;    /* светлый бренд-фон: hover/selected опций select-picker */

  /* ---------- алиасы legacy-имён → канон (объявить ОДИН раз) ---------- */
  /* app.css */
  --surface:var(--card); --surface-alt:var(--bg); --surface-blue:var(--info-bg);
  --border:var(--line); --border-soft:var(--line-soft);
  --brand-500:var(--brand); --brand-600:var(--brand-deep); --brand-gradient:var(--grad);
  --ink-500:var(--muted); --ink-300:var(--faint);
  --success-500:var(--good); --success-50:var(--good-bg);
  --warn-500:var(--warn);    --warn-50:var(--warn-bg);
  --danger-500:var(--danger);--danger-50:var(--danger-bg);
  --info-50:var(--info-bg);

  /* модули analyzer/calculator/scraper */
  --accent:var(--cyan); --accent-soft:var(--info-bg);
  --ink:var(--txt);
  --up:var(--good); --up-soft:var(--good-bg);
  --down:var(--danger); --down-soft:var(--danger-bg);
  --grey:var(--faint);
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --bg:#0B0F19; --bg-rail:#0C1120; --card:#121A2B; --card-2:#0F1626;
  --line:rgba(255,255,255,.08); --line-soft:rgba(255,255,255,.055);
  --txt:#E8ECF5; --muted:#9AA6BC; --faint:#6B7689;
  --brand:#4C86FF; --brand-deep:#3B7BFB; --cyan:#00B5E7;
  --grad:linear-gradient(135deg,#4C86FF 0%,#00B5E7 100%);
  --good:#34D399; --good-bg:rgba(52,211,153,.13);
  --warn:#FBBF24; --warn-bg:rgba(251,191,36,.13);
  --danger:#F87171; --danger-bg:rgba(248,113,113,.14);
  --info:#4C86FF; --info-bg:rgba(76,134,255,.12);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 20px 60px rgba(0,0,0,.30);

  /* тёмные оттенки legacy без канонического аналога */
  --accent-d:#46C4F5;
  --success-700:#34D399;
  --warn-700:#FBBF24;
  --danger-700:#F87171;
  --brand-50:rgba(76,134,255,.12);
}