/* ==========================================================================
   SeoVision — дизайн-токены
   Палитра и шкалы направления A (см. CLAUDE_SH\docs\seovision\).
   Единственное место, где живут «магические числа».
   ========================================================================== */

/* --- Шрифты (SIL OFL, вшиты в проект) -------------------------------------
   Oswald — заголовки, Golos Text — текст. Latin и Cyrillic отдельными
   сабсетами: браузер тянет только нужный. */

@font-face {
    font-family: "SV Display";
    src: url("fonts/Oswald-400-lat.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                   U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                   U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "SV Display";
    src: url("fonts/Oswald-400-cyr.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Логотип: округлый гротеск, как в оригинальном знаке 2013 года */
@font-face {
    font-family: "SV Logo";
    src: url("fonts/Nunito-900-lat.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: "SV Text";
    src: url("fonts/GolosText-400-lat.woff2") format("woff2");
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                   U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                   U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "SV Text";
    src: url("fonts/GolosText-400-cyr.woff2") format("woff2");
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {

    /* --- Цвет: бренд ---
       Правка 09.09.2026 по контрастности (WCAG AA: 4.5:1 обычный текст, 3:1 крупный
       от 24px). Замеры и разбор — CLAUDE_SH\docs\seovision\seo_landing_audit.md.
       Оранжевый на ТЁМНОМ фоне даёт 7.25 и не тронут — проблема была только
       на светлом, поэтому у него теперь два «светлых» варианта, а не один общий. */
    --c-green:          #1B873D;   /* кнопки и плашки: белый текст 2.69 -> 4.59   */
    --c-green-deep:     #17823A;   /* ссылки на полотне: 3.65 -> 4.56             */
    --c-orange:         #F58A17;   /* НЕ ТРОГАТЬ: только тёмный фон и badge, 7.25 */
    --c-orange-ink:     #B06310;   /* мелкий оранжевый на светлом (.eyebrow, 14px): 2.46 -> 4.53 */
    --c-green-on-dark:  #1B9443;   /* ссылки на тёмном: новый #17823A там даёт 3.65, прежний — 4.56 */
    --c-orange-strong:  #DC7C14;   /* крупные цифры на светлом (30-50px, норма 3:1): 2.46 -> 3.03 */

    /* --- Цвет: текст --- */
    --c-ink:            #14181B;   /* основной                            */
    --c-ink-2:          #4C5459;   /* лид, крупный текст                  */
    --c-ink-3:          #5A6266;   /* описания в карточках                */
    --c-ink-4:          #697176;   /* подписи: 4.49 -> 4.63 (было #6B7378) */
    --c-ink-5:          #6C7275;   /* совсем тихий: 2.84 -> 4.55 (было #8D9599) */
    --c-ink-inv:        #FFFFFF;

    /* --- Цвет: поверхности --- */
    --c-bg:             #F6F7F6;   /* полотно                             */
    --c-surface:        #FFFFFF;   /* карточки, шапка                     */
    --c-surface-2:      #F1F3F1;   /* плашки, табы                        */
    --c-surface-3:      #FAFBFA;   /* строка внутри виджета               */
    --c-dark:           #14181B;   /* тёмные блоки, меню                  */
    --c-dark-2:         #3B4245;   /* цифры на тёмном                     */
    --c-on-dark:        #A8B0B4;   /* текст на тёмном                     */
    --c-on-dark-2:      #9AA3A7;

    /* --- Цвет: линии --- */
    --c-line:           #E4E7E5;
    --c-line-2:         #EDF0EE;   /* внутренние разделители              */
    --c-line-3:         #DCE1DD;   /* крупные цифры-призраки              */
    --c-line-input:     #C9CFCB;   /* контур вторичной кнопки             */

    /* --- Шрифты --- */
    --font-display:     "SV Display", "Arial Narrow", Arial, sans-serif;
    --font-text:        "SV Text", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;

    /* --- Кегль --- */
    --fs-xs:            12px;
    --fs-sm:            13px;
    --fs-base:          14px;
    --fs-md:            15px;
    --fs-lg:            17px;      /* лид                                 */
    --fs-card-title:    22px;      /* заголовок карточки                  */
    --fs-h3:            24px;
    --fs-h2:            44px;
    --fs-h1:            74px;
    --fs-stat:          50px;      /* цифры кейса                         */
    --fs-stat-sm:       30px;      /* цифры под героем                    */

    --lh-tight:         1.02;
    --lh-head:          1.1;
    --lh-base:          1.55;
    --lh-text:          1.62;

    /* --- Отступы (шаг 4) --- */
    --sp-1:             4px;
    --sp-2:             8px;
    --sp-3:             12px;
    --sp-4:             16px;
    --sp-5:             20px;
    --sp-6:             24px;
    --sp-7:             28px;
    --sp-8:             32px;
    --sp-10:            40px;
    --sp-12:            48px;
    --sp-14:            56px;
    --sp-16:            64px;

    /* --- Сетка --- */
    --container:        1200px;    /* полная ширина макета                */
    --pad-x:            56px;      /* боковые поля на десктопе            */
    --pad-x-sm:         20px;      /* боковые поля на телефоне            */
    --gap-cards:        20px;

    /* --- Формы, кнопки, тени --- */
    --radius:           4px;
    --radius-card:      8px;
    --radius-pill:      3px;
    --h-control:        54px;      /* высота крупной кнопки               */
    --h-control-sm:     46px;
    --shadow-card:      0 18px 40px rgba(20, 24, 27, .08);
    --shadow-soft:      0 8px 24px rgba(20, 24, 27, .06);

    --transition:       .18s ease;
    --z-header:         100;
    --z-menu:           200;
}

/* --- Брейкпоинты (справочно) ---------------------------------------------
   < 600px   телефон: одна колонка, бургер
   >= 600px  крупный телефон / планшет: карточки по две
   >= 900px  планшет-ландшафт: три колонки, сетка героя ещё в столбик
   >= 1100px десктоп: герой в две колонки, полная сетка
   ------------------------------------------------------------------------ */