/* ═══════════════════════════════════════════════════════════════════════
 Design system — светлая тема, синий бренд-акцент (--pk).
 Dense, scannable. Built for 8h/day operators.
 ═══════════════════════════════════════════════════════════════════════ */
:root{
 /* ── Surface ladder (светлые поверхности, от фона к карточкам) ── */
 --bg:#f4f6fb;
 --s1:#ffffff; /* card surface */
 --s2:#eef2f8; /* nested / hover */
 --s3:#e5ebf4; /* active / pressed */
 --s-elev:#ffffff; /* elevated (modal, dropdown) */

 /* ── Borders (от еле-видимой к выраженной) ── */
 --b1:#eceff5; /* default divider */
 --b2:#dfe4ee; /* input border */
 --b3:#c2cad9; /* focus, active border */

 /* ── Text (high → low contrast) ── */
 --t1:#151a26; /* primary */
 --t2:#5a6478; /* secondary */
 --t3:#667085; /* tertiary — подписи/подсказки/лейблы (контраст ≈4.6:1) */
 --t4:#aab2c2; /* ТОЛЬКО декоративное/disabled — НЕ для текста, который надо читать */
 --ph:#9aa3b5; /* placeholder — читаемый, но явно вторичный */

 /* ── Brand accent (синий — outreach / live campaign) ── */
 --pk:#2563eb;
 --pk-hover:#1d4ed8;
 --pk-soft:rgba(37,99,235,.10);
 --pk-glow:rgba(37,99,235,.22);

 /* ── Semantic palette (НИКОГДА не используется вне статусов) ── */
 /* #047857: и текст на белом, и белый текст на нём проходят AA (≈5.5:1);
    прежний #059669 давал 3.8:1 на .btn-green и 3.3:1 в .b-gr */
 --success:#047857; --success-hover:#065f46; --success-soft:rgba(4,120,87,.12);
 --warn:#b45309; --warn-soft:rgba(180,83,9,.12);
 --danger:#dc2626; --danger-soft:rgba(220,38,38,.10);
 --info:#2563eb; --info-soft:rgba(37,99,235,.10);
 --neutral:#6b7280; --neutral-soft:rgba(107,114,128,.10);

 /* ── Semantic intent-токены (ССЫЛАЙСЯ на них в новом коде, а не на цвета) ── */
 --brand:var(--pk); /* основное действие / кампания (синий) */
 --ai:#7c3aed; /* ✨ AI-подсказки внутри полей (фиолетовый) */
 /* --danger / --success / --warn / --info уже определены выше */

 /* ── Legacy aliases (для обратной совместимости с компонентами) ── */
 --cy:var(--info); --cyd:var(--info-soft);
 --gr:var(--success); --grd:var(--success-soft);
 --gn:var(--success);
 --ye:var(--warn); --yed:var(--warn-soft);
 --pkd:var(--pk-soft);
 --acc:var(--pk); --acc-bg:var(--pk-soft); /* «выбранный» акцент (селектор интеграций) */

 /* ── Radii ── */
 --radius:8px;
 --radius-sm:6px;
 --radius-lg:12px;

 /* ── Type scale (strict; жёсткий пол — 12px, ничего мельче) ── */
 --fs-xs:12px; /* badges, captions, monospace timestamps (минимум!) */
 --fs-sm:13px; /* secondary text, metadata */
 --fs-base:15px; /* body, table cells, buttons */
 --fs-md:16px; /* card titles, dialog header name */
 --fs-lg:18px; /* metric values (one-liner) */
 --fs-xl:24px; /* page titles */
 --fs-xxl:32px; /* large metrics */

 /* ── Spacing scale (4px baseline grid) ── */
 --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
 --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;

 /* ── Shadows (мягкие, не дешёвые drop-shadow) ── */
 --shadow-sm:0 1px 2px rgba(80,100,140,.08);
 --shadow:0 4px 14px rgba(80,100,140,.10);
 --shadow-lg:0 12px 30px rgba(80,100,140,.14);
 --shadow-glow:0 0 0 3px var(--pk-glow);

 /* ── Шрифты ── */
 --font-sans:'Manrope','Helvetica Neue',system-ui,-apple-system,sans-serif;
 --font-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;

 /* ── AI intent — пары для hover/soft (дополнение к --ai выше) ── */
 --ai-soft:rgba(124,58,237,.12);
 --ai-hover:#6d28d9;
 --ai-glow:rgba(124,58,237,.22);

 /* ── Motion (единые длительности; никаких transition:all) ── */
 --t-fast:.12s;   /* hover-подсветка: nav, pills, строки таблиц */
 --t-base:.15s;   /* кнопки, поля, карточки, бордеры */
 --t-slow:.25s;   /* модалки, drawer, тосты, крупные панели */
 --ease:cubic-bezier(.4,0,.2,1);
}

html{color-scheme:light}