/* Токены дизайна платформы «Бизбаза». Шаг 2 порядка дизайна, 30.10.2026.
   Скелет: «икея» (флаговый набор, модульная сетка, контраст кеглей). Шрифт: Inter (выбор Ольги 30.10.2026), файлы fonts/inter/.
   Все числа из принятого вайрфрейма wireframes-mvp/assets/mvp.css (D43). Новые числа не добавляются.
   Цвета по референсу Ольги refs/ref-01-dashboard.png: белый, чёрный, серые и один зелёный акцент.
   Форма: направление А «Стекло» (выбор Ольги 30.10.2026): пилюли, скругления, мягкая тень, зелёное стекло.
   Палитра «Поле» (выбор Ольги 30.10.2026 из трёх): без серого, чёрный, белый и градиенты салатового; страница на бледно-салатовом градиенте.
   Для Tailwind 4: переменные переносятся в @theme один к одному (--color-*, --radius-*, --font-*). */

:root {
  /* Шрифты: один на всё, второго нет */
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-display: var(--font-text);
  --text-size: 16px;
  --text-leading: 1.4;
  --line: calc(var(--text-size) * var(--text-leading));

  /* Три размера текста (правило курса) */
  --size-text: 1rem;    /* текст, подписи серым, кнопки, h3 полужирным */
  --size-mid: 1.5rem;   /* заголовки разделов, числа в карточках */
  --size-big: 2rem;     /* заголовок страницы, один на страницу */
  --leading-head: 1.15;
  --weight-text: 400;
  --weight-medium: 500; /* кнопки, подписи полей, пункты меню */
  --weight-semibold: 600; /* h2, активный пункт, числа */
  --weight-bold: 700;   /* h3, акцент в строке */
  --weight-display: 400; /* заголовок страницы: обычный вес, как в референсе */
  --tracking-display: -0.02em;
  --measure: 65ch;

  /* Поля формата: горизонталь ≠ вертикаль, низ больше верха */
  --page-side: clamp(14px, 4vw, 36px);
  --page-top: clamp(20px, 3vw, 28px);
  --page-bottom: calc(var(--page-top) * 2);

  /* Вертикальные расстояния по правилу «внутреннее меньше внешнего» */
  --para-gap: calc(var(--line) * .5);
  --list-gap: calc(var(--line) * .35);
  --h2-before: calc(var(--line) * 2);
  --h2-after: var(--para-gap);
  --h3-before: var(--line);
  --module-gap: calc(var(--line) * 1.5);
  --section-gap: calc(var(--line) * 2.5);

  /* Карточка: низ больше верха, слева меньше, чем справа; зазор между карточками больше любого поля внутри */
  --box-top: calc(var(--line) * 1);
  --box-bottom: calc(var(--line) * 1.5);
  --box-left: calc(var(--line) * 0.8);
  --box-right: calc(var(--line) * 1.1);
  --card-gap: calc(var(--line) * 1.75);

  /* Контролы */
  --control-height: 44px;
  --control-small: 32px;
  --control-pad-x: 1.2em;
  --control-gap: .6em;
  --label-gap: .3em;

  /* Цвета палитры «Поле»: чёрный, белый, градиенты салатового. Серых поверхностей нет; подписи и линейки — чёрный с прозрачностью.
     Контраст посчитан в РЕШЕНИЯ-ДИЗАЙН.md (Д10, Д11) */
  --ground: linear-gradient(180deg, #E9FFD0 0%, #FFFFFF 55%); /* фон страницы; текст на нём не ниже 18,1:1, подписи 5,9:1 */
  --sheet: #FFFFFF;       /* лист, карточки */
  --card: #F4FFEA;        /* мягкая карточка: бледный салатовый, подписи 6,0:1 */
  --tint: #E2FFC9;        /* пройденный шаг, заглушки: чёрный текст 18,2:1 */
  --rule: rgba(17, 18, 20, .10);        /* линейки и обводка карточек: чёрный 10 % */
  --rule-strong: rgba(17, 18, 20, .45); /* обводка полей и вторых кнопок: 3,6:1 к белому */
  --ink: #111214;         /* текст: 18,7:1 на белом */
  --ink-muted: rgba(17, 18, 20, .66); /* подписи: чёрный 66 %, на белом 6,3:1, на мягкой карточке 6,0:1 */
  --link: var(--ink);
  --accent: #111214;      /* акцент текста и обводок (ссылки, фокус): чёрный */
  --accent-ink: #FFFFFF;
  --action-bg: linear-gradient(135deg, #A6FF6B 0%, #22D35B 100%);  /* действия: кнопки, активный пункт, вкладки; худшая точка #22D35B, чёрный 9,4:1 */
  --action-ink: #111214;
  --action-hover: linear-gradient(135deg, #96F75C 0%, #1BC452 100%); /* наведение: чуть плотнее; худшая точка #1BC452, чёрный 8,1:1 */
  --highlight: #22D35B;   /* метки: строка вопроса, нажатая кнопка; не цвет текста */
  --highlight-ink: #111214;
  --highlight-soft: #E2FFC9;
  --highlight-glass: linear-gradient(135deg, #D6FFB0 0%, #8CF28A 50%, #22D35B 100%); /* стекло лид-карточки; худшая точка #22D35B, чёрный 9,4:1, подписи в сообщении 4,9:1 */
  --plate: #111214;       /* чёрная плашка: единственная чёрная кнопка экрана (главное действие в лид-карточке), бейдж «dark» */
  --plate-ink: #FFFFFF;
  --plate-muted: rgba(255, 255, 255, .72); /* подписи на чёрном: 10,6:1 */
  --plate-hover: #2A2C30;
  --side-bg: transparent;  /* боковая панель на фоне страницы */
  --side-ink: var(--ink);
  --side-note-bg: var(--card);
  --side-note-ink: var(--ink-muted);
  --focus: #111214;       /* обводка фокуса 2 px */
  --danger: var(--ink);   /* второго акцента нет: ошибки текстом и весом */

  /* Форма: направление А «Стекло» (выбор Ольги 30.10.2026) */
  --r-card: 16px;         /* карточки, плашки, заглушки медиа */
  --r-field: 10px;        /* поля ввода, пункты меню, небольшие плашки */
  --r-control: 999px;     /* кнопки, бейджи, вкладки: пилюли */
  --r-small: 8px;         /* пиктограммы, знак логотипа */
  --card-border: 1px solid var(--rule);
  --shadow-rest: 0 1px 2px rgba(17, 18, 20, .05);
  --shadow-lift: 0 8px 24px rgba(17, 18, 20, .10);
  --lift: -1px;

  /* Движение и состояния. Кривая одна. При «уменьшить движение» всё отключается в kit.css */
  --t-hover: 150ms;
  --t-appear: 250ms;
  --t-block: 400ms;
  --ease: cubic-bezier(.2, 0, 0, 1);
  --focus-ring: 0 0 0 2px var(--sheet), 0 0 0 4px var(--focus);
}

/* Телефон: шкала и поля из вайрфрейма */
@media (max-width: 720px) {
  :root {
    --size-big: 1.75rem;
    --box-left: calc(var(--line) * 0.6);
    --box-right: calc(var(--line) * 0.8);
    --box-top: calc(var(--line) * 1);
    --box-bottom: calc(var(--line) * 1.4);
  }
}