/* ============================================================
   re:premium — design tokens
   Источник бренда: репликация живого сайта repremium.ru
   Структура/принципы: Apple Human Interface Guidelines
   Шрифты: Manrope (body), Bounded (display)
   ============================================================ */
:root{
  /* —— COLOR · текст (ink) —— */
  --color-ink:        #111111; /* основной текст */
  --color-ink-2:      #6a6a6a; /* вторичный */
  --color-ink-3:      #9291a1; /* третичный/placeholder */
  --color-on-action:  #ffffff;
  --color-on-dark:    #f9f9fb;

  /* —— COLOR · поверхности —— */
  --color-canvas:     #f9f9fb; /* фон страницы */
  --color-surface:    #ffffff; /* карточки/панели */
  --color-surface-2:  #f1f1f4; /* подложка */
  --color-line:       #c7c6cc; /* границы/разделители */

  /* —— COLOR · бренд-акценты —— */
  --color-action:     #e81717; /* ОСНОВНОЙ CTA (красный) */
  --color-action-600: #c81212; /* hover/pressed */
  --color-action-tint:#fde7e9; /* мягкая красная подложка */
  --color-accent:     #6f42f5; /* фиолетовый акцент (ссылки, выделение) */
  --color-accent-tint:#efeaff;
  --color-warm-tint:  #ffefe6; /* тёплая подложка hero-карточек */

  /* —— COLOR · тёмные поверхности (футер/тёмные секции) —— */
  --color-dark:       #1e1b35;
  --color-dark-2:     #121020;
  --color-navy:       #262343;

  /* —— COLOR · статусы (выведены под бренд, согласовать) ——
     Яркий цвет (success/warning/danger) — для точек/заливок/индикаторов.
     -tint — мягкая подложка бейджа; -ink — читаемый ТЕКСТ на светлом/тинте (контраст AA ≥ 4.5:1).
     Для danger как ТЕКСТ на светлом используй --color-action-600. */
  --color-success:     #1faa59;
  --color-success-tint:#e9f7ef; /* мягкая зелёная подложка */
  --color-success-ink: #15803d; /* success как текст (AA) */
  --color-warning:     #f5a623;
  --color-warning-tint:#fff3e0; /* мягкая янтарная подложка */
  --color-warning-ink: #8a5a00; /* warning как текст (AA) */
  --color-danger:      #e81717;
  --color-danger-tint: #fde7e9; /* = --color-action-tint (danger == action) */

  /* —— TYPOGRAPHY —— */
  --font-sans:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Bounded", "Manrope", var(--font-sans);
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800;
  /* шкала (по мотивам Apple type scale) */
  --text-caption:12px; --text-footnote:13px; --text-subhead:14px;
  --text-body:16px;    --text-callout:18px;  --text-title3:20px;
  --text-title2:24px;  --text-title1:32px;   --text-large:40px;
  --text-display:56px;
  --lh-tight:1.1; --lh-snug:1.25; --lh-normal:1.5;

  /* —— RADIUS (мягкая геометрия repremium) —— */
  --radius-xs:8px; --radius-sm:12px; --radius-md:16px;
  --radius-lg:24px; --radius-xl:32px; --radius-pill:9999px;

  /* —— SPACING · 8pt grid (Apple) —— */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-8:48px; --space-10:64px;

  /* —— ELEVATION —— */
  --shadow-sm:0 2px 8px rgba(17,17,17,.06);
  --shadow-md:0 8px 30px rgba(17,17,17,.10);
  --shadow-lg:0 20px 60px rgba(17,17,17,.14);

  /* —— CONTROL (Apple: hit-area ≥44px) —— */
  --control-h:48px; --control-h-sm:40px; --hit-min:44px;
  /* compact: плотные data-интерфейсы (задачник/backlog/таблицы), desktop-first */
  --control-h-compact:32px;
  --dur-fast:.15s; --dur-base:.22s; --ease:cubic-bezier(.4,0,.2,1);

  /* ============================================================
     ЛЕГАСИ-ПАЛИТРА «Аналитики» платформы Авито (avito.reprem.ru/analytics)
     Префикс --av-* . Копия значений из index.css/Analytics.css платформы,
     канонизирована для ТОЧНОГО (1:1) повторения таблицы статистики —
     прямое требование владельца (Илья, 07.09.2026: «точь в точь как
     аналитика платформы»). Область применения: ТОЛЬКО data-таблицы,
     реплицирующие «Аналитику» платформы. НЕ использовать в новом UI —
     там действует основная палитра --color-* выше.
     Значения зафиксированы здесь, чтобы design-lint признавал их hex.
     Синхронизация — от платформы Авито, а не от Figma.
     См. components.md → «Легаси data-таблица „Аналитика платформы"».
     ============================================================ */
  --av-bg-main:#F9F9FB; --av-bg-white:#FFFFFF; --av-bg-hover:#F4F4F8;
  --av-tx-primary:#262343; --av-tx-secondary:#5C5A72; --av-tx-tertiary:#9291A1;
  --av-border:#E7E7EF; --av-border-light:#F0F0F4;
  --av-primary:#E81717; --av-primary-tint:#FDE7E9;
  --av-ok:#1a7a3e; --av-ok-bg:#e6f6ec;
  --av-blue-bg:#EEF4FF; --av-blue-label:#dde8ff; --av-blue-total:#d6e4ff; --av-blue-tx:#3a5fd9;
  --av-red-label:#f9d4d4; --av-red-total:#f5c0c0;
  --av-green-label:#cdead8; --av-green-total:#bfe4cd;
  --av-total-bg:#f4f3fa; --av-col-hover:#eef1f8; --av-col-picked:#e4e9f7;
  --av-fs-cap:11px; --av-fs-sm:12px; --av-fs-tbl:13.5px; --av-fs-h3:15px; --av-radius-lg:16px;
  /* stroke-цвета recharts-линий «Аналитики» платформы (Analytics.jsx, строки ~382-386).
     Та же область применения: ТОЛЬКО графики, реплицирующие «Аналитику» платформы. */
  --av-chart-blue:#4a7cf6; --av-chart-green:#2e9e5b; --av-chart-red:#e05050;
  --av-chart-dark:#262343; --av-chart-gray:#9aa0b4; --av-chart-gold:#c47f18;
}