/* BUSINESS INTEGRATOR — дизайн-токены (CSS custom properties)
   Подключать первым. Все значения согласованы и используются в макете 1-в-1. */
:root {
  /* ---- База / фон ---- */
  --bi-bg:            #0A0A0C;   /* основной тёмный фон страницы */
  --bi-bg-alt:        #0C0C12;   /* чередующиеся секции */
  --bi-card:          #101016;   /* карточки/плитки на тёмном */
  --bi-hairline:      rgba(255,255,255,0.07); /* разделители-линии */

  /* ---- Текст ---- */
  --bi-text:          #F5F4F2;   /* основной */
  --bi-text-2:        #B9B6B1;   /* вторичный */
  --bi-text-3:        #807D86;   /* приглушённый / лейблы */
  --bi-text-muted:    #6E6B74;   /* мелочь / подвал */

  /* ---- Бренд-константы ---- */
  --bi-coral:         #FF4B5C;   /* фирменный коралл: знак логотипа, skew-маркер у заголовков, CTA */
  --bi-coral-ink:     #0A0A0C;   /* текст на коралловой кнопке */

  /* ---- Палитра плашек (яркая) ---- */
  --bi-teal:          #138A72;   /* контакты */
  --bi-blue:          #2D6BFF;
  --bi-green:         #10B981;
  --bi-amber:         #F59E0B;
  --bi-pink:          #E0489A;
  /* HERO Главной — КОНСТАНТА: синий #2D6BFF + коралл #FF4B5C */

  /* ---- Jewel-тона (стр. Решения, гармония с Gucci-red) ---- */
  --bi-gucci-red:     #BE1E2D;   /* hero/final «Решения» */
  --bi-emerald:       #176A4F;   /* класс «Софт» + кнопка OFA на «Решениях» */
  --bi-sapphire:      #1E5AA8;   /* класс «Интеграции» */
  --bi-gold:          #C9912E;   /* класс «Роботы» */

  /* ---- Категории кейсов (точка-маркер) ---- */
  --bi-cat-service:   #2FB6A8;   /* Клиентский сервис */
  --bi-cat-ops:       #E0A03A;   /* Операции */
  --bi-cat-analytics: #5B8DEF;   /* Аналитика */
  --bi-cat-logistics: #5CB85C;   /* Логистика */
  --bi-cat-people:    #E07A52;   /* Кадры и знания */
  --bi-cat-finance:   #C9B23A;   /* Финансы */
  --bi-cat-marketing: #9D7BFF;   /* Маркетинг */
  --bi-cat-hiring:    #D85FA0;   /* Подбор */
  --bi-cat-mgmt:      #6E78C8;   /* Управление */

  /* ---- Типографика ---- */
  --bi-font-display:  'Onest', system-ui, sans-serif;   /* заголовки и текст */
  --bi-font-mono:     'Geist Mono', ui-monospace, monospace; /* лейблы, метки, nav, номера */

  /* Шкала (жёсткая, не плодить размеры). clamp(min, vw, max) */
  --bi-h1-hero:       clamp(48px, 6.4vw, 98px);   /* вес 800, трекинг -0.03em, line-height ~1.0 */
  --bi-h2-section:    clamp(32px, 4.4vw, 52px);   /* вес 700, трекинг -0.02em */
  --bi-h2-final:      clamp(34px, 4.8vw, 64px);   /* вес 700–800 */
  --bi-h3-sub:        22px;     /* подзаголовки: уровни, плитки, кейсы */
  --bi-text-lead:     19px;     /* лид / вводные абзацы, line-height 1.6 */
  --bi-text-body:     17px;     /* основной текст, line-height 1.62 */
  --bi-text-small:    15px;     /* списки / ссылки / подвал */
  --bi-label:         12px;     /* мономаркеры-лейблы (Geist Mono, uppercase, letter-spacing .2em) */
  --bi-num:           15px;     /* номера уровней (mono) */
  --bi-nav:           13px;     /* пункты меню (mono, uppercase, letter-spacing .08em) */

  /* ---- Сетка / отступы ---- */
  --bi-maxw:          1360px;   /* контейнер */
  --bi-gutter:        56px;     /* боковой padding контейнера */
  --bi-section-y:     clamp(80px, 9vw, 132px); /* вертикальные отступы секций */

  /* ---- Радиусы ---- */
  --bi-radius-plate:  4px;      /* цветные плашки-орнаменты */
  --bi-radius-card:   12px;     /* карточки */
  --bi-radius-btn:    9px;      /* кнопки */
  --bi-radius-badge:  4px;      /* плашки-ярлыки */

  /* ---- Тени ---- */
  --bi-shadow-card:   0 24px 60px rgba(0,0,0,0.35);
  --bi-shadow-modal:  0 40px 120px rgba(0,0,0,0.6);

  /* ---- Движение ---- */
  --bi-ease:          cubic-bezier(.2,.6,.2,1);
  --bi-reveal-dur:    .6s;      /* reveal секций на скролле (translateY 20px → 0, opacity 0→1) */
  --bi-drift-dur:     10s;      /* лёгкое «дыхание» плашек (translateY ±12px) */
}