/* ═══════════════ MM · ФУНДАМЕНТ (HEAD, один раз) ═══════════════ */ /* Версия 4.0.4 · 10.08.2026 · заменяет 4.0.3 целиком. Единственный источник по токенам и базовым правилам экосистемы. Вставляется в Настройки сайта Tilda -> Дополнительный CSS И одновременно сохраняется в файл канона Проекта. Сверка файла и Настроек — байт в байт. ═══ ЧТО БРАТЬ В ПРИЛОЖЕНИЕ · для разработчика /app ═══ Сайт и приложение — разные кодовые базы с общим визуальным ДНК. Из этого файла в приложение переносятся ЧЕТЫРЕ секции: 0 ШРИФТЫ @font-face, самохостинг через jsDelivr. Обращений к fonts.googleapis.com и fonts.gstatic.com быть не должно нигде. 1 ТОКЕНЫ :root. Копируется целиком и без правок. 1-Б МОСТ СОВМЕСТИМОСТИ легаси-имена. Нужен, если в приложении есть код, написанный до фиксации Фундамента. 2 БАЗА .mm — сброс и базовая типографика. 13 REVEAL И ФОКУС .mm :focus-visible и prefers-reduced-motion. Секции 3-9 и 14 — канон для новой верстки: правила рабочие, но на боевом сайте не применяются, блоки верстались на собственных классах. В приложении их можно использовать как есть. ⛔ В ПРИЛОЖЕНИЕ НЕ ПЕРЕНОСИТСЯ: · секция 14 «Временный мост кнопок» — привязана к id блоков сайта, в приложении этих блоков нет; · стили попапа Tilda, секция 15 и правило #rec2459248901 — платформенные, к приложению отношения не имеют. ⚠ Правило для приложения то же, что для сайта: собственные переменные не заводятся, :root не переопределяется, обращение к токену всегда с фолбэком — var(--mm-primary,#FF6B35). ═══ ШКАЛА ОРАНЖЕВОГО · главное правило цвета ═══ --mm-primary #FF6B35 графика и заливки. ТЕКСТОМ НЕ БЫВАЕТ НИКОГДА: 2,84:1. Границей интерактивного элемента — тоже нет: 2,72:1. --mm-accent #E85114 текст ОТ 18px: крупные цифры, метрики, акценты. Заливка кнопки. 3,74:1. --mm-accent-text #C1400F текст МЕЛЬЧЕ 18px: подписи, ссылки, эйбрау, счетчики. Фокус-кольца. 5,02:1. Обратная перестраховка тоже ошибка: уводить багровый на крупные заголовки и цифры — значит терять фирменный тон. Багровый включается там, где кегль ниже 18px, и только там. ═══ ЧТО ИЗМЕНЕНО ПРОТИВ 4.0.3 ═══ Правок значений три, все остальное — приведение комментариев и фолбэков в соответствие с фактическим состоянием файла. 1) КНОПКА · заливка возвращена на бренд-оранжевый. Токены уже стояли так в редакции от 09.08, но комментарии файла описывали прежнее состояние, а фолбэки в правилах оставались кирпичными. Приведено к одному виду: --mm-btn-bg #CE4711 -> #E85114 --mm-btn-bg-hover #B03A0C -> #CE4711 --mm-btn-fs 16px -> 19px Кирпичный не выброшен, а стал ховером: он темнее покоя, что и требуется, и дает 4,63:1 с белым. ⛔ Кегль 19px здесь условие нормы, а не решение о стиле. Белый на #E85114 — 3,74:1, порог 3:1 берется только на крупном тексте: от 18,67px при весе 600. Отсюда 19px, а не 18px: 18px это 13,5pt, порог не берется. Опускать кегль без смены заливки нельзя, соответствие обнулится молча. 2) КНОПКА ПОПАПА Tilda приведена к тому же канону: #E85114, 19px/600, ховер #CE4711. До этой правки попап оставался кирпичным и отличался от всех кнопок сайта. **Требует визуальной проверки:** кегль вырос с 16px, проверить переносы подписи на 390px. 3) ФОЛБЭКИ во всех правилах кнопки и в мосте кнопок приведены к фактическим значениям токенов. Фолбэк срабатывает только при недоступности переменной, но расходиться с токеном он не должен: иначе при сбое сайт краснеет молча. 4) Снята дублирующая шапка комментария «МОСТ КНОПОК v1» — v2 заменяет v1 целиком, две шапки подряд у одного правила читались как два разных правила. ═══ ⛔ ЧТО ЭТОТ ФАЙЛ НЕ ЧИНИТ · ЧИТАТЬ ОБЯЗАТЕЛЬНО ═══ Класс .mm .btn--primary на боевом сайте НЕ ИСПОЛЬЗУЕТСЯ НИ РАЗУ. Все кнопки сайта — блочные: mmxd__btn--primary, mmkgate__btn--primary, mmnav__cta и другие, всего 35 правил в шести файлах, каждое вида background:var(--color-primary,#FF6B35)!important; color:#fff!important. Это белый на #FF6B35, то есть 2,84:1, и глобальная правка до них не доходит ни при каких условиях: id плюс !important. Временный мост секции 14 закрывает 12 таких позиций переопределением переменных на самом элементе. Это заплата со сроком: блок выпадает из моста при первой же переверстке. Новые блоки в мост НЕ ДОБАВЛЯЮТСЯ — они читают --mm-btn-* напрямую. Реально работают на боевом: токены, мост 1-Б, база (секция 2), .mm .reveal и .mm :focus-visible (секция 13), стили попапа, мост кнопок (секция 14). ═══════════════════════════════════════════════════════════════════ */ /* 0. ШРИФТЫ (jsDelivr, кириллица+латиница, без VPN) */ @font-face{font-family:'Unbounded';font-weight:600;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/unbounded/files/unbounded-cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family:'Unbounded';font-weight:600;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/unbounded/files/unbounded-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2018-2019,U+201C-201D,U+2026,U+2212;} @font-face{font-family:'Poiret One';font-weight:400;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/poiret-one/files/poiret-one-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family:'Poiret One';font-weight:400;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/poiret-one/files/poiret-one-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2018-2019,U+201C-201D,U+2026,U+2212;} @font-face{font-family:'Montserrat';font-weight:400;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat/files/montserrat-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family:'Montserrat';font-weight:400;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat/files/montserrat-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2018-2019,U+201C-201D,U+2026,U+2212;} @font-face{font-family:'Montserrat';font-weight:500;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat/files/montserrat-cyrillic-500-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family:'Montserrat';font-weight:500;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat/files/montserrat-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2018-2019,U+201C-201D,U+2026,U+2212;} @font-face{font-family:'Montserrat';font-weight:600;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat/files/montserrat-cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family:'Montserrat';font-weight:600;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat/files/montserrat-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2018-2019,U+201C-201D,U+2026,U+2212;} /* 1. ТОКЕНЫ */ :root{ --mm-primary:#FF6B35; --mm-accent:#E85114; --mm-heading:#000000; --mm-body:#595959; --mm-meta:#6E6E6E; --mm-bg-page:#FAFAFA; --mm-bg-card:#FFFFFF; --mm-bg-soft:#FFF0EB; --mm-bg-warm:#FFF7F3; --mm-border:#CCCCCC; --mm-border-light:#E2E2E2; /* Оранжевый, пригодный для текста и границ: 5,02:1 на #FAFAFA. --mm-primary #FF6B35 текстом и границей интерактивного элемента не используется нигде: 2,84:1 текстом, 2,72:1 границей. Его место — графика: тире эйбрау, пульс-полоса, лента футера, точка логотипа, декоративные акценты. */ --mm-accent-text:#C1400F; /* КНОПКИ · заливка #E85114, белый текст, 19px/600, высота 48px. Редакция 09.08: заливка возвращена с кирпичного #CE4711 на бренд- оранжевый, кирпичный стал ховером. Белый на #E85114 — 3,74:1. Норма берется по правилу для крупного текста: порог 3:1 при кегле от 18,67px и весе 600. Ховер #CE4711 — 4,63:1, норма при любом кегле. ⛔ --mm-btn-fs ниже 19px и --mm-btn-fw ниже 600 не опускать: уменьшение кегля обнуляет соответствие AA. Подбор вверх свободен. ⛔ Темный текст на оранжевой заливке не применяется никогда: правило-инвариант, пересмотру не подлежит. */ --mm-btn-bg:#E85114; --mm-btn-bg-hover:#CE4711; --mm-btn-text:#FFFFFF; --mm-btn-fs:19px; --mm-btn-fw:600; --mm-btn-h:48px; --mm-btn-pad:26px; --mm-font-system:'Unbounded',-apple-system,BlinkMacSystemFont,sans-serif; --mm-font-heading:'Poiret One','Montserrat',-apple-system,BlinkMacSystemFont,sans-serif; --mm-font-ui:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif; --mm-r-sm:4px; --mm-r-md:8px; --mm-r-lg:16px; /* Только нефункциональные перечни, метки, чипы-фильтры и статусные плашки. К кнопкам, ссылкам-действиям и полям форм не применяется. */ --mm-r-pill:999px; --mm-shadow:0 4px 12px rgba(0,0,0,.04); --mm-shadow-hover:0 12px 28px rgba(255,107,53,.16); --mm-spring:cubic-bezier(0.34,1.56,0.64,1); --mm-t-fast:0.2s var(--mm-spring); --mm-t-base:0.25s ease-in-out; } /* ═══ 1-Б. МОСТ СОВМЕСТИМОСТИ ═══ Легаси-имена токенов (канон v3.0.1) для блоков, сверстанных до фиксации Фундамента. Значения наследуются от --mm-*: бренд правится в одном месте. Не удалять. */ :root{ --color-primary:var(--mm-primary); --color-accent-book:var(--mm-accent); --color-heading:var(--mm-heading); --color-body:var(--mm-body); --color-meta:var(--mm-meta); --color-border:var(--mm-border); --color-border-light:var(--mm-border-light); --bg-page:var(--mm-bg-page); --bg-card:var(--mm-bg-card); --bg-soft:var(--mm-bg-soft); --font-system:var(--mm-font-system); --font-heading:var(--mm-font-heading); --font-ui:var(--mm-font-ui); --color-accent-text:var(--mm-accent-text); --radius-pill:var(--mm-r-pill); --radius-sm:var(--mm-r-sm); --radius-md:var(--mm-r-md); --radius-lg:var(--mm-r-lg); --shadow-base:var(--mm-shadow); --shadow-hover:var(--mm-shadow-hover); --ease-spring:var(--mm-spring); --t-fast:var(--mm-t-fast); --t-base:var(--mm-t-base); } /* 2. БАЗА (заскоплена под .mm — Tilda не затрагивается) */ .mm,.mm *{box-sizing:border-box;} .mm{font-family:var(--mm-font-ui);color:var(--mm-body);-webkit-font-smoothing:antialiased;} .mm img{max-width:100%;display:block;} .mm a{color:inherit;} /* Начертания 700 в наборе нет: без этого правила браузер синтезирует поддельный жирный на любом или без явного веса. */ .mm b,.mm strong{font-weight:600;} /* 3. ТИПОГРАФИКА */ .mm .h1{font-family:var(--mm-font-heading);font-weight:400;font-size:clamp(34px,5vw,48px);line-height:1.12;color:var(--mm-heading);word-spacing:-.045em;margin:0;} /* H2 на гротеске: Poiret One остается только на H1 первого экрана. Кегль снижен намеренно — Montserrat 600 тяжелее Poiret 400 на том же размере и без снижения H2 начинает перевешивать H1. */ .mm .h2{font-family:var(--mm-font-ui);font-weight:600;font-size:clamp(24px,2.8vw,32px);line-height:1.25;letter-spacing:-.02em;color:var(--mm-heading);margin:0;} /* v4.0.3: был Poiret One. Display-гарнитура на кегле текста запрещена — у Poiret запятая визуально неотличима от точки. */ .mm .h3{font-family:var(--mm-font-ui);font-weight:600;font-size:18px;line-height:1.35;color:var(--mm-heading);margin:0;} .mm .h3-small{font-family:var(--mm-font-ui);font-weight:600;font-size:16px;line-height:1.35;color:var(--mm-heading);margin:0;} .mm .p{font-family:var(--mm-font-ui);font-weight:400;font-size:16px;line-height:1.6;color:var(--mm-body);margin:0;} .mm .ps{font-family:var(--mm-font-ui);font-weight:400;font-size:13px;line-height:1.5;color:var(--mm-body);margin:0;} .mm .lead{font-family:var(--mm-font-ui);font-size:clamp(16px,1.6vw,18px);line-height:1.62;color:var(--mm-body);margin:0;} .mm .lbl{font-family:var(--mm-font-ui);font-weight:500;font-size:12px;color:var(--mm-meta);} .mm .num{font-family:var(--mm-font-system);font-weight:600;} /* v4.0.3: было 10px. Нижняя граница шкалы — 11px, и только для меток. */ .mm .tag{font-family:var(--mm-font-system);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;} .mm .muted{color:var(--mm-meta);} .mm .eyebrow{display:inline-block;font-family:var(--mm-font-system);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mm-accent-text,#C1400F);margin-bottom:18px;} .mm .blockquote{border-left:3px solid var(--mm-primary);padding-left:20px;margin:32px 0;} .mm .blockquote p{font-family:var(--mm-font-ui);font-size:18px;font-style:italic;color:var(--mm-body);line-height:1.6;margin:0;} .mm .link{color:var(--mm-body);text-decoration:underline;text-decoration-color:var(--mm-primary);text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--mm-t-base);} /* v4.0.3: ховер был --mm-accent #E85114 — 3,74:1 текстом при норме 4,5:1. */ .mm .link:hover{color:var(--mm-accent-text,#C1400F);text-decoration-color:var(--mm-accent-text,#C1400F);} /* 4. КНОПКИ */ .mm .btn{font-family:var(--mm-font-ui);font-weight:600;font-size:15px;border-radius:var(--mm-r-md);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 28px;max-width:100%;transition:background var(--mm-t-base),color var(--mm-t-base),transform var(--mm-t-fast);text-decoration:none;} /* Основная кнопка. Белый на #E85114 — 3,74:1: норма выполняется по правилу для крупного текста (от 18,67px при весе 600). ⛔ Кегль вниз не двигать: норма держится связкой «заливка + кегль». Ховер #CE4711 — 4,63:1, запас при любом кегле. */ .mm .btn--primary{background:var(--mm-btn-bg,#E85114);color:var(--mm-btn-text,#FFFFFF);font-size:var(--mm-btn-fs,19px);font-weight:var(--mm-btn-fw,600);height:var(--mm-btn-h,48px);padding:0 var(--mm-btn-pad,26px);} .mm .btn--primary:hover{background:var(--mm-btn-bg-hover,#CE4711);transform:translateY(-2px);} /* Контурная кнопка: #E85114 текстом на белом дает 3,74:1 при норме 4,5:1 — проваливала AA так же, как основная. */ .mm .btn--ghost{background:transparent;color:var(--mm-accent-text,#C1400F);border:1.5px solid var(--mm-accent-text,#C1400F);} .mm .btn--ghost:hover{background:rgba(193,64,15,.08);} /* 5. КАРТОЧКИ */ .mm .card{background:var(--mm-bg-card);border-radius:var(--mm-r-md);box-shadow:var(--mm-shadow);transition:transform var(--mm-t-fast),box-shadow var(--mm-t-base);} .mm .card--hover:hover{transform:translateY(-6px);box-shadow:var(--mm-shadow-hover);} /* 6. ПОЛЯ ФОРМ */ .mm .input{font-family:var(--mm-font-ui);font-size:14px;font-weight:500;border:1.5px solid var(--mm-border-light);border-radius:var(--mm-r-md);padding:12px 16px;transition:border-color var(--mm-t-base);background:var(--mm-bg-card);width:100%;} /* v4.0.3: прежняя редакция снимала outline и подменяла его границей #FF6B35 — 2,72:1 при норме 3:1 для нетекстовых элементов. Поле в фокусе оставалось без соответствующего индикатора. */ .mm .input:focus-visible{border-color:var(--mm-accent-text,#C1400F);outline:2px solid var(--mm-accent-text,#C1400F);outline-offset:2px;} /* 7. СЕТКА / СЕКЦИИ */ .mm .wrap{max-width:1140px;margin:0 auto;padding:0 24px;} .mm .section{padding:84px 0;} .mm .head{max-width:32em;margin-bottom:44px;} .mm .head.center{margin-left:auto;margin-right:auto;text-align:center;} /* 8. СВЕТЛАЯ ПРЕМИУМ-ПЛАШКА */ .mm .plate-soft{position:relative;overflow:hidden;background:linear-gradient(160deg,#FFFFFF 0%,#FFF3EC 100%);border:1px solid var(--mm-border-light);border-radius:var(--mm-r-lg);box-shadow:var(--mm-shadow);} .mm .plate-soft::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF6B35,#E85114,#FF8B5E,#FF6B35);background-size:300% 100%;animation:mmpulse 6s linear infinite;} @keyframes mmpulse{0%{background-position:0% 50%;}100%{background-position:300% 50%;}} /* 9. CTA-ПЛАШКА */ .mm .ctaplate{background:var(--mm-bg-soft);border-radius:var(--mm-r-lg);padding:54px 40px;text-align:center;} .mm .ctaplate .h2{margin:0 0 14px;} .mm .ctaplate .lead{margin:0 auto 26px;max-width:40em;} /* Секции 10, 11 и 12 сняты в v4.0.3 как мертвый код: .mm-pulse, .mm-nav, .mm-footer — ноль вхождений на боевом. Шапка живет на mmnav__*, футер на mmft__*, пульс-полоса своя. */ /* 13. SCROLL-REVEAL + ДОСТУПНОСТЬ */ .mm .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s var(--mm-spring);} .mm .reveal.is-visible{opacity:1;transform:none;} /* Фокус-кольцо: #FF6B35 против #FAFAFA дает 2,72:1 при норме 3:1 для нетекстовых элементов (WCAG 1.4.11). #C1400F дает 5,02:1. */ .mm :focus-visible{outline:2px solid var(--mm-accent-text,#C1400F);outline-offset:2px;} @media (prefers-reduced-motion:reduce){ .mm .reveal{opacity:1;transform:none;} .mm .plate-soft::before{animation:none;} .mm .btn--primary:hover{transform:none;} .mm .card--hover:hover{transform:none;} } /* 14. АДАПТИВ СЕКЦИЙ */ @media(max-width:760px){.mm .section{padding:52px 0;}.mm .wrap{padding:0 20px;}.mm .ctaplate{padding:40px 22px;}} @media(max-width:480px){ .mm .wrap{padding:0 16px;} /* Уменьшается поле, не кегль: страховка от разрыва контейнера длинной подписью на узком экране. */ .mm .btn{padding:0 18px;} .mm .btn--primary{padding:0 18px;} } /* ─── Стиль формы в попапе под бренд MM ─── */ .t-popup .t-input, .t-popup textarea.t-input{ border:1.5px solid #E2E2E2 !important; border-radius:8px !important; font-family:'Montserrat',sans-serif !important; font-size:14px !important; color:#161616 !important; background:#fff !important; } /* v4.0.3: было #A8A8A8 — 2,38:1 на белом. Пока в формах нет label, плейсхолдер работает подписью поля и обязан читаться. */ .t-popup .t-input::placeholder{color:#6E6E6E !important;} .t-popup .t-input:focus{border-color:#C1400F !important;} /* v4.0.4: приведено к канону кнопки сайта — #E85114, 19px/600. Кегль 19px здесь условие нормы, а не стиль: белый на #E85114 дает 3,74:1, порог 3:1 берется только на крупном тексте (от 18,67px при весе 600). Опускать кегль без смены заливки нельзя. */ .t-popup .t-submit{ background:#E85114 !important; color:#FFFFFF !important; border:none !important; border-radius:8px !important; font-family:'Montserrat',sans-serif !important; font-size:19px !important; font-weight:600 !important; letter-spacing:.02em !important; transition:background .2s ease !important; } .t-popup .t-submit:hover{background:#CE4711 !important;} .t-popup .t-title, .t-popup .t-name{font-family:'Poiret One','Montserrat',sans-serif !important;} /* 15. КНОПКА В ОКНЕ УСПЕШНОЙ ОТПРАВКИ (Tilda) */ .t-form__successbox button, .t-form__successbox .t-submit{ background-color:transparent !important; color:#C1400F !important; border:1.5px solid #C1400F !important; border-radius:8px !important; font-family:'Unbounded',sans-serif !important; font-weight:600 !important; transition:background-color .2s ease,color .2s ease; } .t-form__successbox button:hover, .t-form__successbox .t-submit:hover{ background-color:#FFF0EB !important; color:#C1400F !important; } /* ─── ПЕРЕБИВАНИЕ СЕРЫХ ПОЛЕЙ ПОПАПА (BF502N) ─── ⚠ Правило привязано к номеру записи #rec2459248901. Если попап будет пересоздан, номер сменится и правило умрет молча. При пересоздании попапа — проверить и обновить номер. */ #rec2459248901 .t-input.t-input, #rec2459248901 textarea.t-input.t-input{ background-color:#fff !important; background-image:none !important; box-shadow:none !important; -webkit-box-shadow:none !important; } #rec2459248901 .t-input:-webkit-autofill, #rec2459248901 .t-input:-webkit-autofill:hover, #rec2459248901 .t-input:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px #fff inset !important; -webkit-text-fill-color:#161616 !important; } /* =========================================================================== МОСТ КНОПОК · v2 · 09.08.2026 · заменяет v1 целиком КУДА: Настройки сайта Tilda -> Дополнительный CSS, В САМЫЙ КОНЕЦ, ПОСЛЕ всего кода Фундамента v4.0.3. Порядок обязателен. Этот же код добавляется в файл Фундамента, иначе разойдется сверка. ЧТО ДЕЛАЕТ: чинит 11 кнопок в девяти блоках плюс значок карточки результатов - 12 позиций - БЕЗ переверстки блоков. Инвентарь собран по выгрузкам всех девяти страниц 08.08.2026. ЧТО ИЗМЕНЕНО В v2: добавлен раздел 14.0 - кегль надписи. Без него переход заливки на #E85114 незаконен. ПОЧЕМУ ТАК. Порог контраста зависит от размера текста: мелкому нужно 4,5:1, крупному - 3:1. Крупный по определению WCAG - от 18,67px при весе 600 (это 14pt). Белый на #E85114 дает 3,74:1: для надписи 16px не проходит, для надписи 19px проходит с запасом. Отсюда 19px, а не 18px: 18px - это 13,5pt, порог не берется. ПЕРЕД ЭТИМ ФАЙЛОМ в Фундаменте v4.0.3 меняются три значения: --mm-btn-bg: #CE4711 -> #E85114 --mm-btn-bg-hover:#B03A0C -> #CE4711 --mm-btn-fs: 16px -> 19px Кирпичный #CE4711 не выбрасывается, а становится ховером: он темнее покоя, что и требуется, и дает 4,63:1 с белым. =========================================================================== */ /* ═══════════════ 14. ВРЕМЕННЫЙ МОСТ КНОПОК ═══════════════ Введен 08.08.2026. РЕВИЗИЯ 08.11.2026 либо при первой переверстке любого из перечисленных блоков — что наступит раньше. ⚠ ЭТО МОСТ, А НЕ КАНОН. Блок выпадает отсюда в тот момент, когда при переверстке начинает читать --mm-btn-* напрямую. Новые блоки сюда НЕ ДОБАВЛЯЮТСЯ. Механизм — наследование, а не специфичность: кастомное свойство, объявленное на элементе, заменяет унаследованное независимо от весов. !important фиксирует, откуда берется значение, но не само значение. Мост Фундамента односторонний: --color-primary вычисляется из --mm-primary на :root и наследуется вниз готовым значением. Поэтому на каждом элементе объявлены оба имени явно. */ /* 14.1. Заливка постоянная, текст белый. Девять кнопок в девяти блоках. Покой 2,84:1 -> 4,63:1. Ховер 3,74:1 -> 6,08:1. Границы, читающие --mm-primary, 2,72:1 -> 4,44:1. */ #mmStress .mmst__btn--primary, #mmxIchk .mmxichk__link, #mmxNext .mmxnext__btn--main, #mmxData .mmxd__btn--primary, #mmkhero .mmkhero__btn--primary, #mmkgate .mmkgate__btn--primary, #mmpCases .mmpcases__btn--primary, #mmpFeed .mmpfeed__btn, #mmpHero .mmphero__sign-btn{ --mm-primary:var(--mm-btn-bg,#E85114); --mm-accent:var(--mm-btn-bg-hover,#CE4711); --color-primary:var(--mm-btn-bg,#E85114); --color-accent-book:var(--mm-btn-bg-hover,#CE4711); } /* 14.2. Заливка появляется только на ховере. Две кнопки, обе в #mmpHero. Пара инвертирована: --mm-accent здесь несет ТЕКСТ покоя, а не ховер, поэтому уходит в accent-text (5,02:1), а не в btn-bg-hover. Ховер-заливка берется из --mm-primary и дает 4,63:1 с белым. */ #mmpHero .mmphero__cta, #mmpHero .mmphero__out-btn{ --mm-primary:var(--mm-btn-bg,#E85114); --mm-accent:var(--mm-accent-text,#C1400F); --color-primary:var(--mm-btn-bg,#E85114); --color-accent-book:var(--mm-accent-text,#C1400F); } /* 14.3. Значок раскрытия карточки результатов. Нетекстовый контраст: белый знак на --mm-primary дает 2,84:1 при норме 3:1. Переопределение стоит на самом значке, а НЕ на карточке: линейка ::before карточки строится градиентом из тех же имен и остается яркой. */ #mmxresults .mmxresults__plus{ --mm-primary:var(--mm-btn-bg,#E85114); --color-primary:var(--mm-btn-bg,#E85114); } /* 14.0. КЕГЛЬ НАДПИСИ. Одиннадцать кнопок моста несут кегль внутри своих блоков, до токена --mm-btn-fs они не дотягиваются. Пока надпись мельче 18,67px, заливка #E85114 для них незаконна - отсюда это правило. Уходит вместе с блоком при его переверстке, как и весь мост. */ #mmStress .mmst__btn--primary, #mmxIchk .mmxichk__link, #mmxNext .mmxnext__btn--main, #mmxData .mmxd__btn--primary, #mmkhero .mmkhero__btn--primary, #mmkgate .mmkgate__btn--primary, #mmpCases .mmpcases__btn--primary, #mmpFeed .mmpfeed__btn, #mmpHero .mmphero__sign-btn, #mmpHero .mmphero__cta, #mmpHero .mmphero__out-btn{ font-size:var(--mm-btn-fs,19px)!important; font-weight:var(--mm-btn-fw,600)!important; line-height:1.25!important; }