/*
Theme Name: SPC Vertex
Theme URI: https://vertex-rdt.com/
Author: CodeAstrum
Description: Корпоративний B2B-сайт SPC Vertex — виробництво та розробка авіаційних запасних частин. Двомовний (UA/EN) через Polylang.
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 8.2
Text Domain: spc-vertex
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Решта стилів — у assets/css/ (fonts, base, header, footer). */

:root {
    /* Акцент */
    --vx-blue: #4077ff;

    /* Основні */
    --vx-primary: #212121;
    --vx-background: #f7f7f7;
    --vx-white: #ffffff;

    /* Сірі */
    --vx-gray-100: #232323;
    --vx-gray-80: #595959;
    --vx-gray-60: #919192;
    --vx-gray-30: #b2b3b5;
    --vx-gray-20: #d5d6d7;
    --vx-gray-10: #e9e7e4;

    /* Системні */
    --vx-error: #c43a2e;
    --vx-info: #477fd4;
    --vx-warning: #e6c03b;
    --vx-success: #62b95b;

    /* Manrope — заголовки та кнопки, Inter — текст */
    --vx-font-heading: "Manrope", system-ui, sans-serif;
    --vx-font-body: "Inter", system-ui, sans-serif;

    /* 12 колонок × 72 + gutter 24 = 1128 */
    --vx-container: 1128px;
    --vx-gutter: 24px;
    --vx-gutter-mobile: 16px;

    /* Бічні поля сторінки */
    --vx-page-pad: 24px;
}

/*
 * Брейкпоінт desktop/mobile — 1024px, нижче нього меню з 4 пунктів і логотип
 * 226px перестають вміщатися. Число дублюється в кожному @media: CSS-змінні
 * в медіа-запитах не працюють.
 */
@media (min-width: 1024px) {
    :root {
        --vx-page-pad: 76px;
    }
}