/* ==========================================================================
   ВАРИАНТ 1, доработанный по правкам бизнеса.
   Дизайн-токены. Значения сняты пипеткой с «new materials».

   Правка 1: весь текст, кроме ключевого заголовка, укрупнён.
   --fs-hero и --fs-h1 (ключевые заголовки) оставлены без изменений,
   остальные ступени подняты на 3–4 px.
   ========================================================================== */

:root {
    /* --- Бренд --------------------------------------------------------- */
    --c-primary: #0f8f86;
    --c-primary-dark: #0c6c64;
    --c-primary-soft: #e2ecee;
    --c-primary-tint: #f1f8f8;

    /* --- Нейтральные --------------------------------------------------- */
    --c-text: #16202b;
    --c-text-muted: #5c6b7a;
    --c-bg: #f6f7fa;
    --c-surface: #ffffff;
    --c-border: #e2e8f0;
    --c-border-strong: #cbd5e1;

    /* --- Боковое меню стран (правка 3) ---------------------------------
       Тёмная колонна, как в варианте 5, но в брендовом тёмно-зелёном.  */
    --c-rail: #10312e;
    --c-rail-2: #0b2523;
    --c-rail-line: rgba(255, 255, 255, 0.16);
    --c-rail-text: rgba(255, 255, 255, 0.68);

    /* --- Акценты карточек ----------------------------------------------
       Розовый — материалы для женщин, синий — для мужчин.              */
    --c-accent-f: #fbe7ed;
    --c-accent-f-ink: #d1476f;
    --c-accent-m: #e6ecfe;
    --c-accent-m-ink: #3f63c4;

    /* --- Типографика ---------------------------------------------------- */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter",
        "Helvetica Neue", Arial, sans-serif;

    /* Ключевые заголовки — без изменений. */
    --fs-hero: 56px;
    --fs-h1: 40px;

    /* Всё остальное укрупнено. */
    --fs-h2: 32px;
    --fs-h3: 22px;
    --fs-lead: 20px;
    --fs-body: 18px;
    --fs-small: 16px;
    --fs-eyebrow: 14px;

    --lh-tight: 1.15;
    --lh-heading: 1.25;
    --lh-body: 1.55;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 800;

    --ls-eyebrow: 0.08em;

    /* --- Раскладка ------------------------------------------------------ */
    --container: 1120px;
    /* Страницы стран шире: слева встала колонна с меню. */
    --container-wide: 1300px;
    --rail-w: 268px;
    --gutter: 24px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;

    /* --- Форма ---------------------------------------------------------- */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    --shadow-card: 0 1px 2px rgba(22, 32, 43, 0.04),
        0 4px 16px rgba(22, 32, 43, 0.05);
    --shadow-card-hover: 0 2px 4px rgba(22, 32, 43, 0.06),
        0 12px 28px rgba(22, 32, 43, 0.1);

    --transition: 160ms ease;

    /* Множитель кегля. Базово 1, тема для слабовидящих его увеличивает. */
    --a11y-scale: 1;
}

@media (max-width: 900px) {
    :root {
        --fs-hero: 40px;
        --fs-h1: 30px;
        --fs-h2: 26px;
        --fs-lead: 19px;
        --space-9: 56px;
        --space-8: 40px;
    }
}

@media (max-width: 560px) {
    :root {
        --fs-hero: 32px;
        --fs-h1: 25px;
        --fs-h3: 20px;
        --fs-lead: 18px;
        --fs-body: 17px;
        --gutter: 16px;
        --space-9: 40px;
    }
}