/* ═══════════════════════════════════════════════════════════════════════
   tokens.css — ЕДИНЫЙ ИСТОЧНИК ПРАВДЫ дизайн-системы Tendo.
   Значения выведены из живого сайта (ЭТАП 0), сведены к шкалам и очищены
   от дрейфа. Решения владельца (14.07): фиолетовый канон = #6D49CE;
   оранжевый «хит» = токен --accent-hot; faint — один; near-black → ink.

   Подключать ПЕРВЫМ (до home.css/ui.css/blog.css/dir.css). Ниже — слой
   обратной совместимости: старые имена (--c-accent, --accent, --text …)
   ссылаются на канон, поэтому var()-использование по всему сайту
   гармонизируется без правки HTML.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* ── ЦВЕТ: чернила (текст/тёмное) ── */
  --ink:      #061D29;   /* основной текст, тёмные кнопки, футер */
  --ink-2:    #425D6D;   /* вторичный текст (muted) */
  /* 🔴 Третичный / подписи (faint) — ОДИН тон, весь дрейф сведён сюда.
     Был #7C93A0 — это 3.21 на белом и 3.02 на #F6F8FA, то есть НИЖЕ WCAG AA (4.5)
     на .cap, .foot-copy и кнопке «Настроить cookie» (аудит #С-11). Затемнён до
     #5A7382 = 4.99 на белом / 4.69 на #F6F8FA. Взят самый СВЕТЛЫЙ тон, проходящий
     AA на обоих фонах, — чтобы вид «подписи» сохранился. Светлее не делать. */
  --ink-3:    #5A7382;

  /* ── ЦВЕТ: холст ── */
  --bg:       #FFFFFF;
  --bg-2:     #F6F8FA;   /* лёгкая подложка секции */
  --bg-tint:  #F1ECFD;   /* акцентная подложка (лавандовая) */

  /* ── ЦВЕТ: линии ── */
  --line:     #E5E7EB;
  --line-2:   #D1D5DB;

  /* ── ЦВЕТ: бренд ── */
  --accent:      #6D49CE;   /* КАНОН (решение владельца; дрейф #6D49CE → сюда) */
  --accent-2:    #4A63E0;   /* синий (направление «Сайты») */
  --accent-ink:  #FFFFFF;   /* текст на акценте */
  --accent-hot:  #FF7A1A;   /* «хит»/скидка/срочность (решение владельца) */
  --grad:        linear-gradient(95deg,#4A63E0,#6D49CE 52%,#1AA47C);

  /* ── ЦВЕТ: семантика ── */
  --ok:      #0FB87E;   /* было #0FB87E/#0FB87E — один */
  /* 🔴 QA3, 26.08.2026. --ok — ЗАЛИВКА (плашка, кружок, точка-индикатор).
     Чернилами по светлому он даёт 2,35–2,57 при норме 4,5. Для текста —
     только --ok-ink (5,15 по белому). Правило: WEB-СТАНДАРТ §1.8. */
  --ok-ink:  #0A7D56;   /* зелёный как ТЕКСТ; выбран сессией К2, 25.08.2026 */
  --warn:    #F59E0B;
  --danger:  #EF4444;

  /* ── ЦВЕТ: тинты карточек (уже де-факто в ходу) ── */
  --tint-sky:   #ECF1FF;
  --tint-lav:   #F1ECFD;
  --tint-mint:  #E7F9F0;
  --tint-sand:  #FFF4E6;

  /* ── ТИПОГРАФИКА: семейства ── */
  --font-sans: 'Onest','Onest Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono: 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ── ТИПОГРАФИКА: шкала 7 ступеней (72 значения → 7), все clamp ── */
  --fs-caption: clamp(.69rem, .66rem + .15vw, .75rem);   /* 11–12: mono-лейблы, подписи */
  --fs-small:   clamp(.8rem,  .77rem + .16vw, .875rem);  /* 13: вторичный текст */
  --fs-body:    clamp(.9rem,  .87rem + .2vw,  1rem);     /* 14–16: основной */
  --fs-lead:    clamp(1.05rem,.98rem + .4vw,  1.25rem);  /* 17–20: лид/интро */
  --fs-h3:      clamp(1.2rem, 1.05rem + .7vw, 1.55rem);  /* 19–25: подзаголовок */
  --fs-h2:      clamp(1.7rem, 1.35rem + 1.6vw, 2.6rem);  /* 27–42: секция */
  --fs-h1:      clamp(2.4rem, 1.7rem + 3.2vw, 4.6rem);   /* hero */

  /* ── ПРОСТРАНСТВО: шкала 4px ── */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --sp-section: clamp(5.25rem, 9.5vw, 9rem);   /* вертикальный ритм секций (поднят 20.07: больше воздуха между секциями, было 4.5/9vw/8) */
  --maxw: 1140px;

  /* ── РАДИУСЫ: 16 значений → 4 ── */
  --r-sm:   11px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-pill: 999px;

  /* ── ТЕНИ: 31 значения → 3 уровня ── */
  --sh-1: 0 4px 14px -8px rgba(6,29,41,.18);
  --sh-2: 0 12px 30px -14px rgba(6,29,41,.28);
  --sh-3: 0 28px 60px -30px rgba(6,29,41,.34);

  /* ── ДВИЖЕНИЕ ── */
  --dur-fast: .18s;
  --dur-base: .28s;
  --dur-slow: .6s;
  --ease:   cubic-bezier(.4,0,.2,1);
  --spring: cubic-bezier(.34,1.4,.5,1);

  /* ── Z-INDEX ── */
  --z-header: 500; --z-modal: 1000; --z-top: 10000;
}

/* ═══════════════════ СЛОЙ ОБРАТНОЙ СОВМЕСТИМОСТИ ═══════════════════
   Старые имена токенов (2 конвенции: --c-* маркетинг, --* блог) → канон.
   Подключение tokens.css ПОСЛЕДНИМ заставит эти алиасы победить локальные
   объявления в home.css/blog.css и убрать var()-дрейф. При подключении
   ПЕРВЫМ — служат дефолтами. В ЭТАПЕ 2 старые объявления :root удаляются. */
:root{
  /* маркетинг (--c-*) */
  --c-bg: var(--bg); --c-tint: var(--bg-2);
  --c-text: var(--ink); --c-ink: var(--ink); --c-muted: var(--ink-2); --c-faint: var(--ink-3);
  --c-accent: var(--accent); --c-accent2: var(--accent-2); --c-grad: var(--grad);
  --c-mint: var(--tint-mint); --c-lav: var(--tint-lav); --c-sky: var(--tint-sky);
  --c-line: var(--line); --c-line2: var(--line-2); --line2: var(--line-2);
  --c-surface: var(--bg-2); --c-surface2: var(--bg-2);
  --c-good: var(--ok); --c-warn: var(--warn); --c-danger: var(--danger);
  /* 🔴 WEB-СТАНДАРТ §1.8: --c-good — ЗАЛИВКА. Как ТЕКСТ по светлому фону только
     --c-good-ink (4,6–5,15 против 2,29–2,57). Ф3, 27.08.2026. */
  --c-good-ink: var(--ok-ink);
  --f-sans: var(--font-sans); --f-mono: var(--font-mono);
  --fs-hero: var(--fs-h1); --fs-base: var(--fs-body); --fs-sm: var(--fs-small); --fs-label: var(--fs-caption);
  --sp-sec: var(--sp-section);
  --r: var(--r-lg);

  /* блог (--*) */
  --surface: var(--bg-2); --surface2: var(--tint-lav);
  --text: var(--ink); --muted: var(--ink-2); --faint: var(--ink-3);
  --accent2: var(--accent-2);
  --good: var(--ok);
  --sans: var(--font-sans); --mono: var(--font-mono);

  /* общие алиасы (у обеих конвенций) */
  --canvas: var(--bg);
}