/* ============================================================================ Дизайн-токены лендинга aipm — v2 (ADR-013, макет docs/design/aipm-landing-v2.dc.html). МЕНЯЕТЕ ДИЗАЙН — НАЧИНАЙТЕ ОТСЮДА. Палитра, шрифты, геометрия и тени заданы переменными; компонентные стили (styles/site.css) используют только их. Контент и разметка (index.html) стилей не содержат вовсе. Ключевые пары цветов держат контраст AA — проверяется скриптом check-contrast.mjs рядом (запускать после любой правки палитры). ========================================================================== */ /* --- Шрифты: IBM Plex self-host (ADR-013), сабсеты latin+cyrillic --------- Вариативный Plex Sans (wght 100–700) + статичный Plex Mono 400/600. unicode-range сгенерирован из cmap самих woff2 — браузер качает только нужный сабсет. Лицензия — fonts/OFL.txt. */ @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("../fonts/plex-sans-var-latin.woff2") format("woff2"); unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+2002, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("../fonts/plex-sans-var-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plex-mono-400-latin.woff2") format("woff2"); unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plex-mono-400-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/plex-mono-600-latin.woff2") format("woff2"); unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/plex-mono-600-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } :root { /* --- Палитра страницы (светлая; тёмной темы у лендинга нет — спека §6) --- */ --bg: #faf9f7; /* фон страницы */ --panel: #ffffff; /* фон карточек/панелей */ --panel-2: #f2f0ea; /* фон второго уровня (шапки мокапов, полосы) */ --border: #e6e2d8; /* базовые рамки */ --border-2: #d8d3c6; /* рамки форм, ghost-кнопка */ --text: #191813; /* основной текст */ --text-2: #4c4941; /* вторичный текст */ --text-3: #6f6b62; /* приглушённый текст, подписи; значение спеки v2 light (макет давал #75705f — 4.35:1 на --panel-2, ниже AA; роль выровнена с продуктом) */ --accent: #1f6f54; /* акцент: кнопки, ссылки, шаги */ --accent-2: #0f4c3a; /* тёмный акцент: hover, лого, CTA-блок */ --accent-bg: #e3efe9; /* тинт-фон бейджа/тегов */ --accent-border: #bcd9cc; /* рамка бейджа/тегов */ --on-accent: #ffffff; /* текст на акцентном фоне */ /* Чистые тоны v1-приложения для светлых мини-мокапов (канты карточек) */ --tone-red: #cf4a35; --tone-amber: #bf871d; --red-text: #873729; /* слово «high» в мини-доске (AA на --bg) */ /* --- Тёмный якорь: HTML-мокап продукта в токенах v2 (спека §1, dark) ---- */ --dk-bg: #0d0f13; --dk-panel: #15181f; --dk-panel-2: #1b1f27; --dk-border: #262c37; --dk-border-2: #333b48; --dk-text: #e7eaf0; --dk-text-2: #99a3b2; --dk-text-3: #828994; --dk-accent: #6b94ff; --dk-accent-soft: #283350; --dk-accent-text: #9db6f9; --dk-green: #37b07c; --dk-green-bg: #1a302e; --dk-green-border: #225242; --dk-green-text: #7dc7aa; --dk-green-strong: #29825c; --dk-amber: #d6a142; --dk-amber-border: #5e4c2c; --dk-amber-text: #ddbe88; --dk-amber-strong: #926d2d; --dk-red: #e0604a; --dk-red-border: #62332f; --dk-red-text: #e3978c; --dk-teal: #36b3a5; --dk-teal-border: #225352; --dk-teal-text: #7dc9c3; --dk-dot: #3a4150; /* «светофор» рамки окна */ /* --- Типографика ------------------------------------------------------- */ --sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace; /* --- Геометрия ---------------------------------------------------------- */ --content-width: 1120px; /* ширина контентной колонки (макет) */ --radius-s: 8px; /* мелкое: плитки KPI, дифф, карточки доски, лого */ --radius-m: 11px; /* кнопки, вложенные рамки мокапов, FAQ */ --radius-l: 14px; /* карточки trust/формулы, крупные панели */ --radius-xl: 18px; /* окно хиро-мокапа, карточки «Продукт» */ --radius-hero: 20px; /* CTA-блок заявки */ --radius-pill: 999px; /* пилюли: бейдж, теги, номера шагов */ /* --- Эффекты ------------------------------------------------------------ */ --shadow-shot: 0 40px 90px -40px rgba(15, 76, 58, 0.35), 0 12px 34px -16px rgba(25, 24, 19, 0.22); /* тень окна мокапа */ --glow-accent: rgba(31, 111, 84, 0.18); /* свечение под окном мокапа */ --t-fast: 120ms; /* hover, нажатия */ --ease: cubic-bezier(0.2, 0, 0, 1); }