/* Data Seller 2 — design tokens.
   v2 ПАЛИТРА: приёмка владельцем 2026-06-22 — уход от ИИ-фиолета #6236F5 к
   бренд-системе reg.ru-зелёный + золото-CTA + P3-пилюли (история: journal/2026-06-22).
   v1-заморозка (12.06) снята этой приёмкой. Правки палитры — только через новую приёмку.
   Downstream: platform-ui Tailwind-конфиг перегенерить из новых значений.
   Этот файл — единый источник для WP-темы и platform-ui. */
:root {
  /* Палитра — основная. 3-ролевая система: зелёный=рост/бренд, ЗОЛОТО=действие, красный=потеря.
     Имена --ds-purple* сохранены (минимум риска по ссылкам), значения = зелёный бренд. */
  --ds-purple: #0B7A45;        /* бренд-зелёный: текст/иконки/ссылки/акцент. Затемнён с #149955
                                  до AA-текста (5.5:1 на белом; #149955 давал 3.67:1 — фейл AA normal). Lighthouse 22.06. */
  --ds-purple-hover: #095E37;
  --ds-purple-2: #1EDE7B;      /* неон-акцент: цифры на тёмном, glow (крупный текст — 3:1) */
  --ds-purple-soft: #E8FCF2;
  /* Действие — золото CTA (LC, приёмка 22.06). На золоте текст ТЁМНЫЙ (--ds-act-ink). */
  --ds-act: #F3A200;
  --ds-act-hover: #DB9100;
  --ds-act-ink: #0E1F18;       /* тёмный текст на золоте (контраст ≈8:1 AAA) */
  --ds-navy: #101936;
  --ds-ink: #17213F;
  --ds-text: #202A44;
  --ds-muted: #5F6981;       /* затемнён с #69758F: AA на софт-фоне #F6F7FB (было 4.31:1 — чуть ниже 4.5). Lighthouse 22.06 */
  --ds-line: #E6EAF4;
  --ds-mark-neutral: #94A3B8; /* нейтральный slate-маркер списка (не минус / не «нет») */
  --ds-bg: #FFFFFF;
  --ds-bg-soft: #F6F7FB;

  /* Статусные */
  --ds-blue: #3B82F6;
  --ds-blue-bg: #EAF2FF;
  --ds-green: #16A34A;
  --ds-green-bg: #E9F8EF;
  --ds-orange: #FF8A00;
  --ds-orange-bg: #FFF1E2;
  --ds-orange-ink: #8A4B00;  /* тёмный AA-текст на оранжевом фоне (warn-состояния калькулятора) */
  --ds-red: #EF4444;
  --ds-red-bg: #FFE8ED;
  /* «Ценник потери» (блок болей) — приглушённый ТЕРРАКОТ, не системный red.
     red = критический риск; терракот = спокойный «минус/утечка прибыли».
     Тёплый смысловой акцент, третьим кричащим цветом не становится
     (дисциплина одного акцента: фиолет=действие, зелёный=результат). */
  --ds-loss: #D2433D;        /* P3 красный-outline (приёмка 22.06): «потеря/минус» — роль отдельная от золота-действия */
  --ds-loss-bg: #FFFFFF;
  --ds-loss-bg-2: #FFFFFF;
  --ds-loss-line: #EBB4B1;
  /* «Дельта-наклейка» РОСТ — V5-пара к терракот-«минусу» (канон v1.6). Та же форма
     two-tone, цвет = результат/деньги (зелёный). Система дельт: цвет по знаку —
     рост=зелёный (.ds-delta--up), падение=терракот (.ds-delta--down). */
  --ds-gain: #0E7239;        /* зелёный «рост» (v1.6: затемнён с #15924A — WCAG AA ≥4.5:1 текста наклейки на нижнем тоне заливки) */
  --ds-gain-bg: #E7F7EE;
  --ds-gain-bg-2: #D5EFDF;
  --ds-gain-line: rgba(22, 163, 74, 0.26);

  /* Тёмные секции (этап B; пока утилита .section--dark не применена нигде).
     Значения = принятые navy/ink, новые токены — алиасы для читаемости. */
  --ds-dark: #0E1F18;        /* зелёно-графит якорь (приёмка 22.06; было navy #101936) */
  --ds-dark-2: #15291E;      /* зелёно-графит-2: карты/круги на тёмном (приёмка 22.06; было ink #17213F) */
  --ds-on-dark: #FFFFFF;
  --ds-on-dark-muted: rgba(255, 255, 255, 0.72);
  --ds-line-on-dark: rgba(255, 255, 255, 0.16);

  /* Геометрия — радиусы (5 ступеней, единый источник) */
  --ds-radius-sm: 12px;
  --ds-radius-card: 20px;
  --ds-radius-md: 16px;
  --ds-radius-zone: 24px;
  --ds-radius-badge: 999px;
  --ds-radius-control: 12px; /* алиас --ds-radius-sm (обратная совместимость components/blocks) */

  /* Тени — ровно три уровня elevation (литералы блоков сведены сюда, этап B).
     card = покой (карты/панели/зоны/лого-страйп); lift = hover; strong =
     hero-фрейм / финальный CTA / плавающие чипы. Сдержанно, без «тяжести». */
  --ds-shadow-card: 0 12px 32px rgba(33, 38, 73, 0.07);
  --ds-shadow-lift: 0 22px 50px rgba(33, 38, 73, 0.12);
  --ds-shadow-strong: 0 26px 60px rgba(40, 45, 92, 0.16);

  /* Типографика */
  --ds-font: Inter, -apple-system, "Segoe UI", Arial, sans-serif;
  /* v2.2 (2026-06-14, приёмка владельца после A/B): display-шрифт заголовков —
     Manrope (нейтральный гротеск) вместо Unbounded. Fallback-face с size-adjust
     против CLS, затем Inter/системные. */
  --ds-font-display: "Manrope", "Manrope Fallback", Inter, -apple-system, "Segoe UI", Arial, sans-serif;
  /* Моноширинный для табличных цифр (hero-метрика, KPI-полоса, метрики).
     Self-hosted JetBrains Mono (@font-face в base.css, сабсет latin+latin-ext:
     цифры/пунктуация/знак ₽). font-display: swap. */
  --ds-font-num: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
  /* Типошкала v3.1 (2026: рост контраста H1≫H2 — аудит: было 1.47×, цель ~1.7-1.9×).
     H1 поднят, H2 опущен → дисплейная иерархия доминирует, не «плоско». */
  --fs-h1: clamp(42px, 5.2vw, 60px);
  /* H2 опущен 33→30: контраст с hero-H1 главной (52px) = 1.73× (канон 1.7-1.9×,
     аудит флагал 1.58× трижды); H2/H3-карточек(17) = 1.76×. Длинный H2 витрины
     меньше конкурирует с H1. Менять H1 не пришлось (перенос в 3 строки сохранён). */
  --fs-h2: clamp(25px, 2.4vw, 30px);
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-caption: 12px;
  /* Трекинг / интерлиньяж заголовков */
  --lh-display: 1.06;
  --ls-display: -0.02em;
  --lh-h2: 1.12;
  --ls-h2: -0.01em;

  /* Spacing — 8pt-ритм на 4px-ступенях (--ds-space-N = N×4px) */
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 28px;
  --ds-space-8: 32px;
  --ds-space-9: 36px;
  --ds-space-10: 40px;
  --ds-space-11: 44px;
  --ds-space-12: 48px;
  --ds-space-14: 56px;
  --ds-space-16: 64px;
  --ds-space-18: 72px;
  --ds-space-20: 80px;
  --ds-space-24: 96px;
  /* Вертикальный ритм секций (полноразмерные блоки) */
  --ds-section-y: clamp(64px, 8vw, 112px);

  /* Layout shell (production-гейт 1: канва макета 992 — НЕ layout) */
  --ds-shell: 1560px;
  --ds-content: 1480px; /* 12.06: расширена решением владельца (кратность сеток 5×2) */
  --ds-gutter: clamp(20px, 4vw, 48px);

  /* Header */
  --ds-header-h: 72px;

  /* Motion — длительности анимаций (marquee, count-up).
     Motion-scale канона v1.4 (2026-06-15): числа = принятые на Главной, выведены
     из литералов в единый источник (marquee был 50s в blocks.css, count-up 2200ms
     в metric-cards/render.php). Оба токена ПРОВОДЯТСЯ (не мёртвые): marquee — через
     var() в .ds-logoband__track; count-up — getComputedStyle в inline-JS метрик.
     Изменение длительности — через приёмку (как display-шрифт). */
  --ds-dur-marquee: 50s;     /* лого-карусель: полный цикл translateX(-50%) */
  --ds-dur-countup: 2200ms;  /* count-up метрик: 0→значение, ease-out, 1 раз */
  --ds-dur-reveal: 520ms;    /* scroll-reveal секций (канон v1.8): fade+translateY при входе во вьюпорт, 1 раз (диапазон 400–600) */

  /* Hover-lift + ambient-glow — микроанимации канона v1.5 (2026-06-15).
     Премиум-принцип: подчёркивает, не развлекает (transform/opacity/box-shadow,
     без reflow и bounce). lift = благородный подъём визуалов/карт; glow = статичный
     мягкий ореол на плашках-цифрах hero (часть цвет-системы: зелёный=деньги,
     фиолет=возможности). reduced-motion гасит lift+движение, статичный glow остаётся.
     glow — отдельная категория, НЕ четвёртая elevation-тень (их по-прежнему 3). */
  --ds-lift-y: -3px;                              /* подъём при hover (диапазон -2…-4) */
  --ds-dur-lift: 200ms;                           /* длительность lift (диапазон 150–250) */
  --ds-ease-out: cubic-bezier(0.22, 1, 0.36, 1);  /* благородный ease-out, без bounce */
  --ds-glow-money: 0 8px 34px -12px rgba(22, 163, 74, 0.40);   /* зелёный ореол «деньги» (y приподнят: не «двойной зелёный» у низа карты) */
  --ds-glow-opps: 0 10px 28px -12px rgba(30, 222, 123, 0.40);   /* зелёный неон-ореол «возможности» (приёмка 22.06) */
}
