/* ============================================================
   AI CJM — Design Tokens
   Single source of truth для цветов, шрифтов, отступов, радиусов.
   ⚠️ НЕ менять переменные в других файлах. Только тут.
   Любая правка токенов = PR с обоснованием + обновление STYLE_GUIDE.md.
============================================================ */

:root {
  /* --- Поверхности (фон) --- */
  --bg:           #F4EDE1;   /* основной кремовый фон страницы */
  --bg-soft:      #EFE7D7;   /* чередующиеся секции */
  --bg-card:      #ffffff;   /* карточки, форматы, спикеры */
  --bg-dark:      #111111;   /* тёмные CTA-секции, футер */

  /* --- Чернила (текст) --- */
  --ink:          #111111;   /* основной текст, заголовки */
  --ink-2:        #2a2620;   /* подзаголовки, описания */
  --muted:        #6f6a60;   /* подписи, лейблы, eyebrow */
  --muted-2:      #9a907c;   /* плейсхолдеры, dim текст */

  /* --- Линии --- */
  --line:         #d8cdb8;   /* основные разделители */
  --line-soft:    #e6dcc6;   /* мягкие линии внутри карточек */
  --line-dark:    #2a2a2a;   /* линии на тёмном фоне */

  /* --- Акцент (оранжевый) --- */
  --orange:       #FF5A1F;   /* основной акцент: CTA, ссылки, цифры */
  --orange-ink:   #E64A0F;   /* hover / pressed */
  --orange-soft:  #FFE2D2;   /* фон для оранжевых тегов/чипов */

  /* --- Отступы (адаптивные) --- */
  --pad-x:        clamp(36px, 4.4vw, 88px);   /* горизонтальный паддинг секций */
  --pad-y:        clamp(22px, 2.6vh, 32px);   /* вертикальный паддинг хедера */
  --section-py:   clamp(80px, 10vh, 140px);   /* верт. отступ между секциями */

  /* --- Радиусы --- */
  --r-sm:         12px;   /* мелкие чипы, теги */
  --r-md:         20px;   /* кнопки, инпуты */
  --r-lg:         28px;   /* карточки */
  --r-xl:         36px;   /* большие карточки, hero */
}

/* ============================================================
   Базовая типографика и сбросы
============================================================ */
*           { box-sizing: border-box; }
html, body  { margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a   { color: inherit; }
img { max-width: 100%; display: block; }

/* Подключение шрифта (в HTML вставлять link на Google Fonts) */
/* <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"> */