/**
 * Слой 1 — контракт токенов лендинга.
 *
 * Список имён фиксирован: тема обязана определить их все, примитивы и блоки
 * не имеют права пользоваться ничем, кроме них. Литеральный цвет в примитиве —
 * это начало расползания дизайна по файлам, поэтому запрет проверяется
 * скриптом `php bin/check_landing.php`, а не глазами.
 *
 * Значения здесь — нейтральная заглушка на случай, если тема не подключилась:
 * страница останется читаемой, но будет видно, что это не фирменный вид.
 */

:root {
    /* ── Поверхности ─────────────────────────────────────────────────────── */
    --surface-page: #ffffff;
    --surface-card: #ffffff;
    --surface-tint: #f4f5f7;
    --surface-panel: #eef0f4;
    --surface-invert: #1b1b1b;
    --surface-line: #e2e5ea;

    /* ── Текст ───────────────────────────────────────────────────────────── */
    --ink-strong: #16181d;
    --ink-body: #33383f;
    --ink-muted: #666d78;
    --ink-invert: #ffffff;
    --ink-invert-muted: #c9cdd4;

    /* ── Акцент ──────────────────────────────────────────────────────────── */
    --accent: #d98324;
    --accent-strong: #b96a12;
    --accent-soft: #fbf0e0;
    --accent-ink: #2a1c08;
    --accent-second: #0f8fd0;
    --accent-second-soft: #e4f4fd;

    /* ── Семантика ───────────────────────────────────────────────────────── */
    --ok: #12724a;
    --ok-soft: #e6f4ec;
    --warn: #8a5a00;
    --warn-soft: #fdf3dd;
    --danger: #a32116;
    --danger-soft: #fdecea;

    /* ── Форма: радиусы задаются раздельно, именно они держат характер ───── */
    --radius-button: 8px;
    --radius-card: 14px;
    --radius-field: 8px;
    --radius-pill: 999px;

    /* ── Тени ────────────────────────────────────────────────────────────── */
    --shadow-card: 0 1px 2px rgba(15, 20, 30, .06), 0 8px 24px rgba(15, 20, 30, .06);
    --shadow-lift: 0 6px 14px rgba(15, 20, 30, .10), 0 18px 40px rgba(15, 20, 30, .10);
    --shadow-inset-line: inset 0 -1px 0 var(--surface-line);

    /* ── Типографика ─────────────────────────────────────────────────────── */
    --font-display: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-text: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --display-transform: none;
    --display-tracking: 0;
    --display-weight: 700;

    /* Шкала: от мелкого к крупному, тянется по ширине окна.
       Нижняя точка у крупных ступеней намеренно маленькая — иначе одно длинное
       слово не помещается в колонку на 375 пикселях. */
    --step--1: clamp(.78rem, .76rem + .1vw, .84rem);
    --step-0:  clamp(.95rem, .92rem + .16vw, 1.05rem);
    --step-1:  clamp(1.08rem, 1.02rem + .3vw, 1.25rem);
    --step-2:  clamp(1.25rem, 1.14rem + .5vw, 1.55rem);
    --step-3:  clamp(1.45rem, 1.25rem + .9vw, 2rem);
    --step-4:  clamp(1.7rem, 1.35rem + 1.6vw, 2.7rem);
    --step-5:  clamp(2rem, 1.5rem + 2.4vw, 3.4rem);
    --step-6:  clamp(2.3rem, 1.6rem + 3.4vw, 4.2rem);

    /* ── Ритм и меры ─────────────────────────────────────────────────────── */
    --container: min(94vw, 1240px);
    --container-narrow: min(94vw, 880px);
    --gap-xs: 6px;
    --gap-sm: 10px;
    --gap-md: 18px;
    --gap-lg: 28px;
    --gap-xl: 44px;
    --section-y: clamp(38px, 4.2vw, 68px);
    --measure: 68ch;

    /* ── Движение ────────────────────────────────────────────────────────── */
    --motion-fast: 140ms;
    --motion-base: 240ms;
    --motion-slow: 380ms;
    --motion-ease: cubic-bezier(.2, .6, .3, 1);

    /* ── Фон секций ──────────────────────────────────────────────────────── */
    /* Вуаль поверх картинки — плотность именно токен темы: мягкая размывка
       читается и под 0.85, резкий кадр нужно гасить сильнее. Ниже 0.5 не
       опускаем никогда: текст лежит прямо на этом фоне. */
    --veil-light: .86;
    --veil-panel: .9;
    --veil-invert: .74;
    --bg-hero: none;
    --bg-tint: none;
    --bg-panel: none;
    --bg-invert: none;
    --mesh-hero: radial-gradient(60% 80% at 15% 10%, rgba(15, 143, 208, .16), transparent 60%),
                 radial-gradient(50% 70% at 85% 20%, rgba(217, 131, 36, .14), transparent 60%);
    --mesh-tint: radial-gradient(50% 90% at 90% 0%, rgba(15, 143, 208, .1), transparent 60%);
    --paper-texture: none;
}