/* ════════════════════════════════════════════════
   LIDERAVTO — Design Tokens
   Единственный источник правды для всех значений.
   Версия: 1.1.0
════════════════════════════════════════════════ */
:root {
  /* Бренд-цвета */
  --navy:         #0f2d5e;
  --blue:         #1a6fd4;
  --blue-hover:   #1560c0;
  --sky:          #e8f4fc;
  --sky-dark:     #cce3f5;
  --accent:       #f97316;
  --accent-hover: #ea6c00;
  --white:        #ffffff;

  /* Нейтральные */
  --gray-50:  #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-900: #0f172a;

  /* Семантические */
  --success: #16a34a;
  --warning: #f59e0b;
  --error:   #dc2626;
  --info:    #0284c7;

  /* Типографика */
  --font:   'Inter', -apple-system, sans-serif;
  --h1:     clamp(28px, 4vw, 48px);   /* hero-заголовки, адаптив */
  --h2:     24px;                      /* заголовки разделов */
  --h3:     18px;                      /* подзаголовки, блоки */
  --body:   16px;                      /* основной текст */
  --small:  14px;                      /* вторичный текст, бейджи */

  /* Пространство */
  --gap:      16px;   /* между колонками и карточками */
  --radius:   4px;
  --container: 1280px;
  --cont-max:  1280px;   /* ширина контейнера */
  --cont-pad:  16px;     /* боковой padding */
  --transition: .18s ease;
}