/* Дизайн-токены autero.kz — один источник для главной, каталога, статей и лендинга /avtoadvokat/.
   Только переменные: страницы берут из них размеры, цвета, скругления и кнопку.
   Подключение: WordPress — первым на всех страницах сайта (journal-chrome.php); лендинг — импорт в main.jsx.
   Тест: integrations/journal-home/tests/design-tokens.test.mjs. */

:root {
  /* Типографика: размер / межстрочный. Компьютер; телефон — ниже. */
  --ds-h1: 48px;
  --ds-h1-lh: 52px;
  --ds-h2: 32px;
  --ds-h2-lh: 38px;
  --ds-h3: 21px;
  --ds-h3-lh: 28px;
  --ds-lead: 20px;
  --ds-lead-lh: 30px;
  --ds-body: 17px;
  --ds-body-lh: 28px;
  --ds-small: 14px;
  --ds-small-lh: 20px;
  --ds-meta: 13px;
  --ds-meta-lh: 18px;
  --ds-heading-tracking: -0.5px;

  /* Цвета */
  --ds-ink: #00140A;
  --ds-muted: #5B6B62;
  --ds-link: #008341;
  --ds-accent-on-dark: #3DD07A;
  --ds-on-dark: #EEF6F2;
  --ds-surface-soft: #EEF6F2;
  --ds-surface: #F2F2F3;
  --ds-dark: #00140A;
  --ds-line: #E3E6E5;

  /* Скругления */
  --ds-r-pill: 999px;
  --ds-r-sm: 12px;
  --ds-r-md: 16px;
  --ds-r-card: 20px;
  --ds-r-lg: 24px;

  /* Главная кнопка */
  --ds-btn-h: 56px;
  --ds-btn-size: 18px;
  --ds-btn-weight: 700;
  --ds-btn-bg: linear-gradient(#1BA14C, #0E7A2F);
  --ds-btn-bg-hover: linear-gradient(#1fb054, #10873a);
  --ds-btn-shadow: 0 8px 16px -4px rgba(0, 112, 55, .5), inset 4px 4px 8px -2px rgba(255, 255, 255, .25), inset -4px -4px 8px -2px #007037;
  --ds-btn-fg: #fff;

  /* Отступ между блоками страницы */
  --ds-section: 56px;
}

@media (max-width: 720px) {
  :root {
    --ds-h1: 28px;
    --ds-h1-lh: 32px;
    --ds-h2: 24px;
    --ds-h2-lh: 30px;
    --ds-h3: 19px;
    --ds-h3-lh: 26px;
    --ds-lead: 17px;
    --ds-lead-lh: 26px;
    --ds-body: 16px;
    --ds-body-lh: 26px;
    --ds-section: 40px;
  }
}