/* Дизайн-токены из Figma «ЭПЛ Х. web-site» (стили UI-kit), см. PLAN_EPLX_SITE.md */
:root {
    /* цвета */
    --eplx-bg: #000000;
    --eplx-card: #111111;
    --eplx-card-dark: #080808;
    --eplx-white: #fefefc;
    --eplx-gray: #9d9d9d;
    --eplx-gray-2: #878787;
    --eplx-gray-metallic: #9da1a2;
    --eplx-black-c: #2b2b29;
    --eplx-black-process: #2e2e2c;
    --eplx-line: #2d2d2d;
    --eplx-line-2: #4f4f4f;
    --eplx-line-3: #242424;
    --eplx-red: #ff3131;
    --eplx-green: #00480a;

    /* шрифт и шкала (размер / межстрочный) */
    --eplx-font: 'Myriad Pro', 'Roboto', Arial, sans-serif;
    --eplx-h1: 61px / 80px;
    --eplx-h2: 49px / 64px;
    --eplx-h3: 39px / 52px;
    --eplx-h4: 31px / 40px;
    --eplx-h5: 25px / 32px;
    --eplx-body-m: 20px / 28px;
    --eplx-body-s: 16px / 24px;
    --eplx-body-xs: 13px / 20px;
    --eplx-caption: 10px / 16px;

    /* геометрия */
    --eplx-radius: 12px;
    --eplx-radius-s: 8px;
    --eplx-radius-xs: 4px;
    --eplx-container: 1280px;
    --eplx-gutter: 80px;
    --eplx-section-gap: 80px;
    --eplx-block-gap: 32px;
    --eplx-header-h: 112px;
}

@media (max-width: 767px) {
    :root {
        --eplx-gutter: 16px;
        --eplx-header-h: 64px;
    }
}