/* brand.css розничного лендинга - ПЯТЬ РУЧЕК из DESIGN.md, раздел «Параметры базы». Файл-копия шаблона ../../../../meta-workflow/design-base/brand.css: база копируется в проект, а не подключается ссылкой (спека, «Не трогать»: файлы опта и общие файлы копируем). Соседние scale.css / layout.css / semantic.css скопированы БЕЗ правок. Менять здесь можно только эти пять ручек. Компоненты берут не хексы, а роли из semantic.css (--fg, --bg, --surface, --accent ...). */ :root { /* 1. АКЦЕНТ - хвойный зелёный. Гейт Г5 ЗАКРЫТ 06.08.2026: заказчик выбрал дизайн по пяти макетам первого экрана, а они собраны в языке оптового лендинга - тот же зелёный #157A46. Держать здесь другой оттенок значит развести два наших сайта по цвету на ровном месте. Акцент живёт только на кнопках, ссылках и фокусе; заливать им секции и плашки нельзя (DESIGN.md, п. 1). */ --accent: #157A46; --accent-fg: #FFFFFF; /* контраст с акцентом 5.9:1 - выше порога 4.5:1 */ /* 2. НЕЙТРАЛЬ - графит с холодным уклоном, чтобы зелень на фото не спорила с фоном. Девять ступеней ровно как в DESIGN.md, п. 2. */ --neutral-0: #FFFFFF; --neutral-50: #F7F9F8; --neutral-100: #EFF2F1; --neutral-200: #E1E6E4; --neutral-400: #A6AEAC; --neutral-500: #7C8583; --neutral-700: #414947; --neutral-800: #262C2B; --neutral-900: #14181A; /* 3. ШРИФТ. ГЕЙТ Г2 ЗАКРЫТ 06.08.2026: файлы принесены с оптового лендинга, потому что утверждённые макеты собраны именно на этой паре. Oswald - заголовки и кнопки (узкий гротеск, держит крупный кегль); Nunito - имя бренда в шапке. Основной текст набран системным гротеском намеренно: это единственный шрифт, за который не платят ни байта, а на длинных абзацах разницы с Nunito читатель не видит - зато первый экран рисуется раньше. @font-face живёт не здесь, а в страницы: его собирает src/fonts-on-disk.js по содержимому папки src/assets/fonts/ (правило нужно браузеру раньше, чем догрузится последний файл стилей). Кириллица и латиница лежат разными файлами и подключаются через unicode-range - цифры («30%», телефон) живут в латинском. Имя семейства в строке ниже и в @font-face обязано совпадать - это сверяет tests/perf_check.py. */ --font-sans: "Nunito", system-ui, sans-serif; --font-display: "Oswald", "PT Sans Narrow", sans-serif; /* 4. СКРУГЛЕНИЕ - корневой радиус 16 px: у карточек макета скругление заметное, на 8 px они выглядели строже, чем утверждено. */ --radius: 16px; } /* 5. ПЛОТНОСТЬ - cozy, стоит атрибутом data-density на (DESIGN.md, п. 5). */ :root { font-family: var(--font-sans); }