/* ============================================================ Фирменный стиль IGAS — levinphotonics.com (проект Тильды 280826) Значения взяты с полосы «Основные фирменные цвета» брендбука IGAS. Разбор: 02-projects/levinphotonics-sayt/igas-firmennyy-stil.md Задача TECA-87, 17.09.2026 (добор по вопросу заказчика про легаси). Где правится: Настройки сайта → Код → Пользовательский CSS-код (/projects/editcustomcss/?projectid=280826). После любой правки этого файла страницы надо ПЕРЕПУБЛИКОВАТЬ: каждая страница Тильды несёт снимок стилей на момент публикации, и адрес файла в html несёт метку времени публикации (?t=…). Фирменных цветов ровно три. Новых сюда не добавлять. ============================================================ */ :root { --igas-teal: #40B1A7; /* акцент: кнопки, ссылки, подчёркивания, активный пункт меню */ --igas-graphite: #43474F; /* основной текст, тёмные подложки, подвал */ --igas-grey: #D4D5D6; /* рамки, разделители, неактивные элементы */ --igas-teal-ink: #35968D; /* наведение/нажатие. В брендбуке нет — затемнение бирюзового на 15% */ --igas-light: #F2F3F3; /* подложка светлых полос с утверждённого макета, не фирменный цвет */ } /* ------------------------------------------------------------ 1. Страховка от старой палитры. Синий #2c7ac4 и серый #444b4f фирменными не являются и с сайта убраны в настройках блоков (TECA-87). Правила ниже ловят то, что могло остаться в чужих черновиках и опубликоваться позже. Порядок selector'ов важен: строка "background-color:#2c7ac4" содержит в себе подстроку "color:#2c7ac4", отсюда :not(). ------------------------------------------------------------ */ [style*="background-color:#2c7ac4"] { background-color: var(--igas-teal) !important; } [style*="color:#2c7ac4"]:not([style*="background-color:#2c7ac4"]) { color: var(--igas-teal) !important; } [style*="border-color:#2c7ac4"] { border-color: var(--igas-teal) !important; } [style*="background-color:#444b4f"] { background-color: var(--igas-graphite) !important; } [style*="color:#444b4f"]:not([style*="background-color:#444b4f"]) { color: var(--igas-graphite) !important; } /* 1a. Та же страховка для записи rgb() и для пробела после двоеточия. Редактор текста Тильды пишет цвет не hex'ом, а как `style="color: rgb(44, 122, 196)"`, поэтому селекторы выше его не ловили: на /contacts так пережил перекраску старый синий в названии компании (найдено 17.09.2026 по вопросу заказчика). Сам текст исправлен в блоке, правила ниже — страховка на будущее, включая вставку копипастом. */ [style*="background-color: rgb(44, 122, 196)"], [style*="background-color:rgb(44,122,196)"] { background-color: var(--igas-teal) !important; } [style*="rgb(44, 122, 196)"]:not([style*="background-color: rgb(44, 122, 196)"]), [style*="rgb(44,122,196)"]:not([style*="background-color:rgb(44,122,196)"]), [style*="color: #2c7ac4"]:not([style*="background-color: #2c7ac4"]) { color: var(--igas-teal) !important; } [style*="background-color: #2c7ac4"] { background-color: var(--igas-teal) !important; } [style*="background-color: rgb(68, 75, 79)"] { background-color: var(--igas-graphite) !important; } [style*="rgb(68, 75, 79)"]:not([style*="background-color: rgb(68, 75, 79)"]), [style*="color: #444b4f"]:not([style*="background-color: #444b4f"]) { color: var(--igas-graphite) !important; } /* ------------------------------------------------------------ 2. Акценты по брендбуку ------------------------------------------------------------ */ .t-menu__link-item.t-active, .t-menu__link-item:hover { color: var(--igas-teal) !important; } .t-btn:hover, .t-submit:hover, .t-btnflex:hover { background-color: var(--igas-teal-ink); } /* Разделители и рамки — светло-серый, а не случайный оттенок блока */ .t-divider, hr.t-divider { background-color: var(--igas-grey) !important; } /* ------------------------------------------------------------ 2a. Остатки оформления 2019 года: оттенки, которых нет в брендбуке. Это не старая синяя палитра — это нейтральные серые, доставшиеся от прежнего шаблона. Правятся здесь, а не в блоках, потому что сидят в per-record стилях 21–23 страниц; править стилем — одна правка вместо сотни и откатывается тоже одной. ------------------------------------------------------------ */ .t431 .t431__td, .t431 .t431__th { color: var(--igas-graphite) !important; } /* было #4d4c4c */ .t431 .t431__td { border-color: var(--igas-grey) !important; } /* было #d9d9d9 */ [style*="background-color:#efefef"], [style*="background-color: #efefef"] { background-color: var(--igas-light) !important; } /* полосы разделов */ /* ------------------------------------------------------------ 3. Фирменная графика: скос 60°/120°, точечная сетка, диагональный разрез полосы, ч/б фото с заливкой. Классы-утилиты — для HTML-блоков (T123) и вёрстки главной. Растровых подложек не требуется. ------------------------------------------------------------ */ /* 3.1 Параллелограмм. Боковая грань под 60° к горизонтали = skewX(-30deg). Содержимое возвращается обратным скосом, иначе поедет текст. */ .igas-skew { transform: skewX(-30deg); } .igas-skew > * { transform: skewX(30deg); } /* Фирменная плашка-маркер: та же фигура, но самостоятельная (иконки, буллиты) */ .igas-mark { display:inline-block; width:44px; height:26px; background: var(--igas-teal); transform: skewX(-30deg); } .igas-mark_sm { width:26px; height:16px; } .igas-mark_graphite { background: var(--igas-graphite); } /* 3.2 Точечная сетка (полутон): на белом — бирюзовые точки, на бирюзовом и графите — белые. Шаг 10px, точка 1.5px. */ .igas-dots { background-image: radial-gradient(var(--igas-teal) 1.5px, transparent 1.6px); background-size: 10px 10px; } .igas-dots_white { background-image: radial-gradient(#ffffff 1.5px, transparent 1.6px); background-size: 10px 10px; } .igas-dots_grey { background-image: radial-gradient(var(--igas-grey) 1.5px, transparent 1.6px); background-size: 10px 10px; } /* 3.3 Диагональный разрез полосы: контрастная половина уходит скосом. Скос задаётся элементу-половине, поэтому угол держится на любой ширине. */ .igas-band { position: relative; overflow: hidden; } .igas-band__half { position: absolute; top:0; bottom:0; left:0; width:55%; background: var(--igas-teal); transform: skewX(-30deg); transform-origin: bottom left; } .igas-band__half_right{ left:auto; right:0; transform: skewX(-30deg); transform-origin: top right; } .igas-band__half_graphite { background: var(--igas-graphite); } .igas-band > * { position: relative; z-index: 1; } /* 3.4 Фотография: только чёрно-белая, с бирюзовой заливкой или как подложка под графит. Цветного фото по брендбуку нет. */ .igas-photo { filter: grayscale(1) contrast(1.05); } .igas-photo-teal { position: relative; } .igas-photo-teal > img, .igas-photo-teal .t-bgimg { filter: grayscale(1) contrast(1.05); } .igas-photo-teal::after { content:''; position:absolute; inset:0; background: var(--igas-teal); mix-blend-mode: multiply; opacity:.55; } .igas-photo-dark::after { background: var(--igas-graphite); opacity:.70; } /* 3.5 Надзаголовок-«уптайтл» из макета: бирюзовый, капс, разрядка */ .igas-uptitle { color: var(--igas-teal); text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: 13px; } /* ------------------------------------------------------------ 4. Логотип из брендбука в шапку НЕ ставится: заказчик выбрал вариант А — имя Levin Photonics остаётся (TECA-75, 17.09.2026). Перерисовывать знак IGAS средствами CSS брендбук запрещает. ------------------------------------------------------------ */ /* ------------------------------------------------------------ 5. Чего здесь намеренно нет - Серый #9e9e9e вторичных подписей плиток (T754) и серые баннера cookie (T657): это системные оттенки Тильды для второстепенного текста, в брендбуке пары к ним нет. Перекрасить в графит — потерять разницу между заголовком и подписью. - Легаси-поля цвета внутри блоков (menu_textcolor, buttonbgcolor, title_color — 117 значений на 104 блоках). Кабинет их не пишет: saverecord с onlythisfield → «Wrong onlythisfield name», без него — «OK» и тишина. На рендер они не влияют, проверено поблочно. ------------------------------------------------------------ */ /* ------------------------------------------------------------ 6. Шапка (блок T228, tplid 257) на ноутбучных ширинах: меню держится в одну строку. TECA-103, 21.09.2026. Аудит TECA-93, п. 5.6, снимок teca93-menu-wrap-1280.png. Симптом: на 1024–1286 px пункт «Контакты» уезжал во вторую строку. Причина арифметическая, а не «кривая вёрстка». Шапка — display:table; боковые ячейки забирают столько, сколько просят логотип (300 px + 30 px отступа) и кнопка (205 px + 25 px), меню довольствуется остатком. Пунктам нужен 651 px (501 px текста + 5 зазоров по 30 px), а на 1280 в центральной ячейке остаётся 640 px. Не хватало 11 px. Поэтому лечится не одним числом, а бюджетом ширины: поля контейнера, логотип, зазоры пунктов и кнопка ужимаются ступенями. Логотип трогаем последним — до 1201 px он остаётся полноразмерным, и шапка на 1280 неотличима от шапки на 1440. Почему верхняя граница 1439, а не 1280: на 1291 px запас был ровно 0 px, а на 1400 Тильда возвращает правой ячейке 330 px и запас снова падает до ~9 px. Ниже 981 px включается бургер Тильды — туда не лезем. Почему у логотипа min-width: у него инлайновый `min-width: 300px`, и без обнуления ни `width`, ни `max-width` на него не действуют: правило применяется, а картинка остаётся 300 px (потеряно 20 минут). Замер: getBoundingClientRect, шаг 3 px, 981–1500 px — переносов нет, минимальный запас 33 px на 981 px. Проверено на /, /about, /products, /solutions и странице изделия. Правило 17 скилла: раскладку проверять замером, а не глазом. ------------------------------------------------------------ */ @media screen and (min-width: 981px) and (max-width: 1439px) { .t228__maincontainer .t228__padding40px { width: var(--igas-hdr-pad) !important; } .t228__leftcontainer .t228__imglogo { min-width: 0 !important; width: var(--igas-hdr-logo) !important; max-width: var(--igas-hdr-logo) !important; height: auto !important; margin-right: var(--igas-hdr-gap) !important; } .t228__list .t228__list_item { padding-left: var(--igas-hdr-item) !important; padding-right: var(--igas-hdr-item) !important; } .t228__list .t228__list_item:first-child { padding-left: 0 !important; } .t228__list .t228__list_item:last-child { padding-right: 0 !important; } .t228__rightcontainer { margin-left: var(--igas-hdr-gap) !important; } .t228__right_buttons_wrap .t-btn { font-size: var(--igas-hdr-btn-fs) !important; padding-left: var(--igas-hdr-btn-pad) !important; padding-right: var(--igas-hdr-btn-pad) !important; } } /* Ступени. Правила выше написаны один раз, меняются только эти четыре строки. */ @media screen and (min-width:1281px) and (max-width:1439px) { :root { --igas-hdr-pad:30px; --igas-hdr-logo:300px; --igas-hdr-gap:22px; --igas-hdr-item:12px; --igas-hdr-btn-fs:15px; --igas-hdr-btn-pad:18px; } } @media screen and (min-width:1201px) and (max-width:1280px) { :root { --igas-hdr-pad:20px; --igas-hdr-logo:300px; --igas-hdr-gap:18px; --igas-hdr-item:10px; --igas-hdr-btn-fs:14px; --igas-hdr-btn-pad:14px; } } @media screen and (min-width:1101px) and (max-width:1200px) { :root { --igas-hdr-pad:16px; --igas-hdr-logo:240px; --igas-hdr-gap:14px; --igas-hdr-item:8px; --igas-hdr-btn-fs:13px; --igas-hdr-btn-pad:10px; } } @media screen and (min-width:981px) and (max-width:1100px) { :root { --igas-hdr-pad:12px; --igas-hdr-logo:180px; --igas-hdr-gap:10px; --igas-hdr-item:7px; --igas-hdr-btn-fs:13px; --igas-hdr-btn-pad:8px; } } /* ===== НАЧАЛО РАЗДЕЛА 7: контраст AA (TECA-108) ===== */ /* ------------------------------------------------------------ 7. Контраст текста до уровня WCAG 2.1 AA (TECA-108, 23.09.2026) Замер — bin/lvn-contrast: getComputedStyle на живых страницах, обход всех элементов с собственным текстом, фон берётся у первого непрозрачного предка. До правки: 648 мест на 33 страницах, 15 пар «цвет на фоне». ПОЧЕМУ БИРЮЗОВЫХ ДЛЯ ТЕКСТА СТАЛО ДВА. Это арифметика, а не вкус. Чтобы дать 4.5:1 на графите #43474F, цвету нужна яркость L >= 0.457; чтобы дать 4.5:1 на белом — L <= 0.183. Пересечения нет, одним цветом оба фона не закрыть. Поэтому: светлый бирюзовый для тёмных подложек, тёмный — для светлых. Тон и насыщенность те же, сдвинута только светлота, и сдвинута на минимум, дающий порог с небольшим запасом. ЧТО НЕ ТРОНУТО. --igas-teal остаётся #40B1A7 и продолжает красить заливки, рамки, скосы, точечную сетку и наведение: у декора контраста с текстом нет. Исключение — заливки, НА КОТОРЫХ лежит белый текст (кнопки, полоса призыва): там белое на #40B1A7 давало 2.6:1, и заливка под ними углублена до --igas-teal-fill. В комментариях этого раздела намеренно нет угловых скобок: поле «Пользовательский CSS» в кабинете Тильды вырезает из текста всё, что похоже на html-тег. `setcss` при этом отвечает `OK`, а из комментария молча пропадают `body`, `link`, `head`, `span`, `div` — на правила это не влияет, но сверка чтением назад не сходится, и зеркало в базе начинает врать. Поймано на первой же записи, TECA-108. ПОЧЕМУ У КАЖДОГО ПРАВИЛА ПРЕФИКС `.t-body`. Слои оформления страниц (изделие, категория, раздел) живут в блоках T123, то есть в теге style внутри body, а этот файл подключается тегом link в head. При равной специфичности и равном !important побеждает то, что НИЖЕ по документу, то есть слой страницы. Первая редакция правил была написана селекторами один в один как у слоёв — и не сработала ни в одном месте, где слой уже задаёт цвет. Лишний класс `.t-body` (он есть на теге body у всех страниц Тильды) поднимает специфичность на единицу и снимает вопрос. Там, где слой красит через #recXXXXXXX, префикса мало: id перебивает любое число классов, поэтому селектор повторяет тот же id. ------------------------------------------------------------ */ :root { --igas-teal-on-dark: #63C7BE; /* бирюзовый ТЕКСТ на графите: 4.64:1 (#43474F), 5.34:1 (#3A3E45) */ --igas-teal-on-light: #286E68; /* бирюзовый ТЕКСТ на светлом: 5.97:1 (#FFF), 5.37:1 (#F2F3F3), 4.65:1 (#E3E3E3) */ --igas-teal-fill: #2F817A; /* заливка ПОД белым текстом: 4.62:1 с #FFFFFF */ --igas-ink-on-dark: #B3B7BC; /* серый текст на графите: 4.62:1 (#43474F), 5.33:1 (#3A3E45) */ --igas-ink-on-light: #5F646C; /* серый текст на светлом: 5.96:1 (#FFF), 4.64:1 (#E3E3E3) */ } /* 7.1 Светлый фон: бирюзовый текст темнеет ------------------- */ /* Общий цвет ссылок — БЕЗ !important и без :not(). Проектное правило `:where(.t-records) a` имеет специфичность 0,0,1, поэтому перебивается и так; а отсутствие !important оставляет в силе и цвета кнопок (`#recXXXXXXX .t-btnflex{color:…}` — 1,2,0), и точечные правила тёмных подложек ниже. Добавить сюда !important — значит перекрасить заодно подвал, верхнюю полосу и текст всех кнопок: ровно это и случилось в третьей редакции. */ .t-body .t-records a, .t-body .t-records .tn-nested-link { color: var(--igas-teal-on-light); } .t-body .lvn-up, .t-body .lvn-mat__k, .t-body .lvn-mat__l, .t-body .lvn-dir__num, .t-body .lvn-dir__l, .t-body .lvn-dir__go, .t-body .lvn-pol a, .t-body .lvn-404 a, .t-body .t397__tab_active .t397__title, .t-body .t397__select, .t-body .t754__col:hover .t754__title *, .t-body .t847__item:hover .t-card__title *, .t-body .t754__content .t754__title, .t-body .t-popup .t754__title, .t-body .lvn-dir__v a:hover, /* Надзаголовок T015 — повторённый класс плюс `.t-rec` поднимают специфичность до 0,4,0: слои страниц красят его селектором 0,3,0 с !important и стоят НИЖЕ по документу, то есть при равенстве выигрывают. */ .t-body .t-rec .t015__uptitle.t015__uptitle, .t-body .t-rec .t015__uptitle.t015__uptitle *, .t-body .t-rec .t015__uptitle.t015__uptitle a { color: var(--igas-teal-on-light) !important; } /* Цвет, записанный инлайном в редакторе текста, — и на самом элементе, и на его потомках: текст обычно лежит в span внутри крашеного div (правило 14 скилла, поправка про две записи цвета). */ .t-body [style*="color:#40B1A7"]:not([style*="background"]), .t-body [style*="color:#40B1A7"]:not([style*="background"]) *, .t-body [style*="color: #40B1A7"]:not([style*="background"]), .t-body [style*="color: #40B1A7"]:not([style*="background"]) *, .t-body [style*="color: rgb(64, 177, 167)"]:not([style*="background"]), .t-body [style*="color: rgb(64, 177, 167)"]:not([style*="background"]) * { color: var(--igas-teal-on-light) !important; } /* Активный пункт меню и активная вкладка T397 покрашены слоями через id. Id перебивает любое число классов, поэтому селектор повторяет тот же id. */ #rec118242007 .t-menu__link-item.t-active.t-active:not(.t978__menu-link), #rec118242007 .t-menu__link-item.t-active.t-active:not(.t978__menu-link) *, #rec118399068 .t397__tab_active .t397__title.t397__title, #rec118399068 .t397__select.t397__select { color: var(--igas-teal-on-light) !important; } /* 7.2 Тёмный фон: бирюзовый текст светлеет ------------------- */ .t-body .lvn-ft .lvn-ft__h, .t-body .lvn-ft a:hover, .t-body .lvn-top a:hover, .t-body .lvn-hero__title span, .t-body .lvn-facts .lvn-facts__t, .t-body .lvn-404 .lvn-404__code, .t-body .lvn-404 .lvn-404__crumbs a, .t-body .lvn-pol .lvn-pol__crumbs a, .t-body [data-tilda-page-alias^="products/sensors/"] .t015__uptitle.t015__uptitle, .t-body [data-tilda-page-alias^="products/sensors/"] .t015__uptitle.t015__uptitle *, .t-body [data-tilda-page-alias^="products/sensors/"] .t015__uptitle.t015__uptitle a, .t-body [data-tilda-page-alias^="products/controllers/"] .t015__uptitle.t015__uptitle, .t-body [data-tilda-page-alias^="products/controllers/"] .t015__uptitle.t015__uptitle *, .t-body [data-tilda-page-alias^="products/controllers/"] .t015__uptitle.t015__uptitle a, .t-body [data-tilda-page-alias^="products/cabinets/"] .t015__uptitle.t015__uptitle, .t-body [data-tilda-page-alias^="products/cabinets/"] .t015__uptitle.t015__uptitle *, .t-body [data-tilda-page-alias^="products/cabinets/"] .t015__uptitle.t015__uptitle a, .t-body [data-tilda-page-alias^="products/igas-trend/"] .t015__uptitle.t015__uptitle, .t-body [data-tilda-page-alias^="products/igas-trend/"] .t015__uptitle.t015__uptitle *, .t-body [data-tilda-page-alias^="products/igas-trend/"] .t015__uptitle.t015__uptitle a { color: var(--igas-teal-on-dark) !important; } /* Исключение: на страницах разделов тот же надзаголовок — серая строка пути на белом, а не бирюзовые крошки на графите. Слой раздела отличает этот случай соседним комбинатором (§30 рунбука), повторяем его же. */ .t-body .t-rec[data-record-type="18"] + .t-rec[data-record-type="30"] .t015__uptitle, .t-body .t-rec[data-record-type="18"] + .t-rec[data-record-type="30"] .t015__uptitle *, .t-body .t-rec[data-record-type="18"] + .t-rec[data-record-type="30"] .t015__uptitle a { color: var(--igas-ink-on-light) !important; } /* Тёмные подложки со своим светлым текстом — вернуть им их цвет: общее правило 7.1 по `.t-records a` иначе утащит их в тёмную бирюзу. */ .t-body .lvn-top a, .t-body .lvn-top span, .t-body .lvn-ft .lvn-ft__l, .t-body .lvn-ft .lvn-ft__l[href^="tel"], .t-body .lvn-404 .lvn-404__lead, .t-body .lvn-pol .lvn-pol__date { color: #C7CACE !important; } .t-body .lvn-hero .lvn-btn_ghost, .t-body .lvn-hero__lead { color: #FFFFFF !important; } /* Призрачная кнопка на СВЕТЛОМ — графит, а не бирюза: белым её красить нельзя (получится белое на белом), тёмной бирюзой незачем. */ .t-body .lvn-404 a.lvn-404__btn_ghost, .t-body .lvn-404 a.lvn-404__btn_ghost * { color: var(--igas-graphite) !important; } /* 7.3 Заливка бирюзой под белым текстом — глубже -------------- */ .t-body .t-btnflex.t-btnflex_type_button, .t-body .t-btnflex.t-btnflex_type_submit, .t-body .lvn-btn_teal, .t-body .lvn-cta, .t-body .lvn-cta__b:hover, .t-body .lvn-404 a.lvn-404__btn:not(.lvn-404__btn_ghost), .t-body .t-rec[data-record-type="106"], .t-body .t-rec[data-record-type="209"] { background-color: var(--igas-teal-fill) !important; } /* Текст на этих заливках — чистый белый, а не полупрозрачный: rgba(255,255,255,.9) на углублённой бирюзе даёт 4.2:1. ВАЖНО: перечислены только те места, где заливка ТОЧНО бирюзовая. Красить белым любую `.t-btnflex` нельзя — у полосы T209 кнопка белая с графитовым текстом, и такое правило делает её белой на белом (поймано предпросмотром `lvn-contrast --css`, а не на сайте). */ .t-body .lvn-btn.lvn-btn_teal, .t-body .lvn-btn.lvn-btn_teal *, .t-body .lvn-cta__t, .t-body .lvn-cta__d, .t-body .lvn-404 a.lvn-404__btn:not(.lvn-404__btn_ghost), .t-body .t-rec[data-record-type="106"] .t185__text, .t-body .t-rec[data-record-type="106"] .t185__text *, .t-body .t-rec[data-record-type="106"] .t-title, .t-body .t-rec[data-record-type="106"] .t-title *, .t-body .t-rec[data-record-type="106"] .t-descr, .t-body .t-rec[data-record-type="106"] .t-descr *, .t-body .t-rec[data-record-type="209"] .t185__text, .t-body .t-rec[data-record-type="209"] .t185__text * { color: #FFFFFF !important; } /* 7.4 Серые второстепенные тексты ---------------------------- */ .t-body .lvn-ft .lvn-ft__co, .t-body .lvn-ft .lvn-ft__bottom p, .t-body .lvn-ft .lvn-ft__bottom a { color: var(--igas-ink-on-dark) !important; } .t-body .lvn-dir__k, .t-body .lvn-lead, .t-body .lvn-dir__d, .t-body .lvn-mat__d, .t-body .lvn-cert__d, .t-body .lvn-dir__n, .t-body .t-rec[data-record-type="847"] .t-card__descr, .t-body .t-rec[data-record-type="847"] .t-card__descr *, .t-body .t-rec[data-record-type="847"] .t-descr, .t-body .t-rec[data-record-type="754"] .t754__descr, .t-body .t-rec[data-record-type="754"] .t754__descr *, .t-body .t-rec[data-record-type="215"] .t754__descr, .t-body .t-rec[data-record-type="215"] .t754__descr *, .t-body .t-rec[data-record-type="512"] .t-descr, .t-body [style*="color: rgb(138, 143, 150)"], .t-body [style*="color: rgb(138, 143, 150)"] *, .t-body [style*="color:#8A9098"], .t-body [style*="color: #8A9098"], .t-body [style*="color:#8A9098"] *, .t-body [style*="color: #8A9098"] * { color: var(--igas-ink-on-light) !important; } /* 7.5 Три места, где текст не малоконтрастный, а невидимый. К бирюзе отношения не имеют, найдены тем же замером, чинятся тем же файлом — держать их до отдельной задачи незачем. */ /* а) Кнопка «Хорошо, больше не показывать» в баннере cookie: белый текст на белом баннере, 1:1, на всех 33 страницах. Посетитель видит только крестик в углу и не может согласиться с баннером осознанно. */ .t-body .t657 .t-btntext.t-btntext_type_button, .t-body .t657 .t-btntext.t-btntext_type_button .t-btntext__text, .t-body .t657__btn, .t-body .t657__btn .t-btntext__text { color: var(--igas-graphite) !important; } /* б) Телефон в подвале — 2.25:1, почти чёрный на графите, при том что соседние ссылки подвала светло-серые. Причина не в подвале: проектное правило `:where(.t-records) a[href^="tel"]{color:inherit}` имеет специфичность 0,1,1 и перебивает `.lvn-ft__l` (0,1,0), после чего телефон наследует чёрный от body. Лечится выше, в 7.2. */ /* в) Номера направлений 01–04 на главной были #D4D5D6 — 1.47:1; на экране их практически нет. Подняты в 7.4 вместе с серыми. */ /* ===== КОНЕЦ РАЗДЕЛА 7: контраст AA (TECA-108) ===== */