/*
 * Токены дизайна editus.ru — единственное место, где задаются переменные.
 * Подключается первым (layouts/site.blade.php). Значения — те, что реально
 * действовали после каскада трёх слоёв аварийной версии (styles.css → brand-refresh.css → editorial.css):
 * фирменный красный #da2127 (а не #ae3734 из styles.css), белая бумага, PT Serif для текста, Roboto Slab для заголовков.
 *
 * Брейкпоинты (в @media переменные не работают, поэтому только списком):
 *   1200px  — плотнее шапка и навигация
 *   1120px  — уже отступы между колонками
 *   1000px  — сетки 3–4 колонки → 2
 *    900px  — шапки страниц и формы в одну колонку
 *    800px  — мобильная навигация, раскладки «текст + картинка» в одну колонку
 *    560px  — телефон: всё в одну колонку, мельче заголовки
 */
:root{
    /* Цвета */
    --brand:#da2127;          /* фирменный красный: кнопки, акценты, ссылки */
    --brand-dark:#b5181d;     /* наведение на кнопку */
    --ink:#161616;            /* заголовки и тёмный текст */
    --text:#41413e;           /* абзацы в блоках страниц */
    --text-soft:#555;         /* второстепенный текст карточек */
    --muted:#666;             /* подписи, служебный текст */
    --line:#e4e4e4;           /* тонкие линии и рамки */
    --rule:#222;              /* тёмная линия над карточками */
    --soft:#f5f5f5;           /* светло-серый фон секций */
    --paper:#fff;             /* фон страницы */
    --white:#fff;
    --on-brand:#fff;          /* текст на красной заливке */
    --brand-night:#3c0a0b;    /* бордовый фон баннера «Издание и печать книг» */
    --brand-tint:#fdf1ef;     /* единственный розовый — тёплый, как плашка «Новая книга» в кабинете: выбранная строка, наведение, уведомления */
    --brand-tint-line:#f0dcda; /* край розового: рамка плашки, кольцо текущего шага, выделение текста */
    --line-strong:#bdbdbd;    /* точечные разделители над колонками и вокруг «Примеры наших работ» */
    --field-border:#949494;   /* точечная линия под полем формы, рамка поля калькулятора (3:1 к белому) */
    --soft-deep:#eaeaea;      /* серый край градиента карточки «Сертификат» */
    --success-soft:#e5f4e4;   /* фон уведомления об успехе */
    --error-soft:var(--brand-tint); /* фон уведомления об ошибке — тот же розовый */
    --scrim:rgba(22,22,22,.55); /* затемнение под модальным окном */
    --focus-ring:var(--brand);  /* кольцо фокуса с клавиатуры: 2px, отступ 2px */

    /* Шрифты — только с засечками (дизайн-система, 2026-11-07): Roboto Slab — заголовки и всё,
       на что нажимают (меню, кнопки, ссылки-действия, подписи полей); PT Serif — текст, поля, подписи, подвал.
       Рубленый Roboto больше не используем: --ui-font и --type-font оставлены для старых правил и указывают на засечки. */
    --body-font:'PT Serif',Georgia,'Times New Roman',serif;  /* основной текст */
    --reading-font:'Roboto Slab',Georgia,serif;              /* заголовки, цифры, кнопки, меню */
    --ui-font:var(--body-font);                              /* интерфейс: подписи, поля, подсказки — PT Serif */
    --type-font:var(--reading-font);                         /* служебные строки капителью — Roboto Slab */

    /* Сетка */
    --width:1280px;           /* ширина контейнера */

    /* Шкала отступов: --space-N = N × 4px */
    --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;
    --space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-18:72px;

    /* Скругления */
    --radius-xs:3px;          /* карточки цен, выбор услуги */
    --radius-sm:4px;          /* поля, подсказки */
    --radius:6px;             /* карточки, картинки */
    --radius-lg:16px;         /* картинки в блоках услуг */
    --radius-xl:20px;         /* белые карточки на сером фоне */
    --radius-2xl:24px;        /* баннеры, видео, виджеты */
    --radius-pill:50px;       /* кнопки, поля калькуляторов */

    /* Тени */
    --shadow-tip:0 8px 24px rgba(0,0,0,.18);      /* всплывающие подсказки */
    --shadow-pop:0 10px 30px rgba(0,0,0,.08);     /* выпадающие списки */
    --shadow-card:0 14px 30px rgba(0,0,0,.12);    /* обложки книг */
}