/* ════════════════════════════════════════════════════════════════════════ theme-clean.css — overlay «в стиле ptsecurity.com» (эксперимент, НЕ канон v3.7) Оранжевый = редкий акцент (как красный у PT) на базе чёрный/белый/серый; мельче/спокойнее типографика. Подключать ПОСЛЕ tokens.css + components.css. Якорь: — снимается одним . Спека: docs/incoming/refs/clean-theme-spec.md (UX) + ptsecurity-clean-style.md (аналитик). ════════════════════════════════════════════════════════════════════════ */ /* ── 1. ЦВЕТ: гасим «паразитный» оранжевый одним токеном + приглушаем glow ── --accent-contrast в ките красит десятки вторичных мест (hover-бордеры, see-all, source, breadcrumb, reading-акценты, factor-up) — уводим в нейтраль. .scene-light (на светлых врезках) переопределяет его ближе по дереву → там акцент-текст остаётся orange-700 (точечно, ок). */ .theme-clean { --accent-contrast: var(--orange-700); /* среднее: вернули тёплый вторичный акцент (был neutral) */ --glow-subtle: rgba(242,115,31,0.04); /* лёгкий оранжевый glow вместо белого */ --glow-soft: rgba(242,115,31,0.07); --glow-medium: rgba(242,115,31,0.10); --glow-strong: rgba(242,115,31,0.12); } /* eyebrow → нейтраль; слэш «//» остаётся оранжевым (тонкая бренд-нить) */ .theme-clean .eyebrow { color: var(--text-muted); } .theme-clean .eyebrow .sl { color: var(--accent); opacity: 0.85; } /* среднее: «денежные» слова-акценты в заголовках ОСТАВЛЯЕМ оранжевыми (kit-дефолт) — это главные смысловые акценты; нейтралим только тяжёлые блоки ниже */ /* траст-бар / метрики: значения белые; оранжевой — только «герой»-плашка */ .theme-clean .metric-card .value, .theme-clean .stat-callout .num, .theme-clean .trust-bar .ti .v .accent { color: var(--text-primary); } .theme-clean .metric-card.hero .value { color: var(--accent); } /* metric-card-big: сплошной оранжевый → тёмная surface-raised, оранж только big-value */ .theme-clean .metric-card-big { background: var(--bg-surface-raised); border: 1px solid var(--border-strong); color: var(--text-primary); } .theme-clean .metric-card-big h3 { color: var(--text-primary); } .theme-clean .metric-card-big .big-label { color: var(--text-muted); } .theme-clean .metric-card-big .big-value { color: var(--accent); } .theme-clean .metric-card-big .corner-num { color: var(--border-strong); } /* check-badge: заливка → контур */ .theme-clean .check-badge { background: transparent; border: 1px solid var(--border-strong); color: var(--text-muted); } .theme-clean .metric-card::before { display: none; } /* убрать orange-ромбик */ /* method step-num, team role → нейтраль; story-card .tag остаётся оранж (живой мелкий акцент) */ .theme-clean .method-step .step-num, .theme-clean .team-card .t-role { color: var(--text-muted); } /* featured-bento: оранжевый градиент → нейтральная плашка; оранж только цифра/стрелка */ .theme-clean .industry-bento-card.featured { background: var(--bg-surface-raised); border: 1px solid var(--border-strong); } .theme-clean .industry-bento-card.featured .corner-num { color: var(--text-dim); } .theme-clean .industry-bento-card:hover { border-color: var(--text-muted); } .theme-clean .industry-bento-card.featured .case-preview .cp-text strong, .theme-clean .industry-bento-card.featured .case-preview .cp-arrow { color: var(--accent); } /* mega-feature (в шапке): ЦВЕТНОЙ оранжевый градиент — kit-дефолт (по правке CEO) */ /* data-table thead: оранжевый фон → surface-raised */ .theme-clean .data-table thead { background: var(--bg-surface-raised); } .theme-clean .data-table th { color: var(--text-primary); border-bottom: 1px solid var(--border-strong); } .theme-clean .data-table td.num.accent { color: var(--text-primary); } /* factor-up бар → нейтраль (down остаётся семантически-зелёным) */ .theme-clean .factor-block.up .fr-bar .fill { background: var(--neutral-400); } .theme-clean .factor-block.up .fb-head { color: var(--text-muted); } /* тёмные плашки вместо оранжевых; кнопка внутри cta-side остаётся оранж */ .theme-clean .gated-pdf { background: var(--bg-surface-raised); border-color: var(--border-strong); } .theme-clean .form-success { background: var(--bg-surface-raised); border-color: var(--border-strong); } .theme-clean .side-block.cta-side { background: var(--bg-surface-raised); border-color: var(--border-strong); } .theme-clean .side-block.cta-side .side-label { color: var(--text-muted); } .theme-clean .side-block.cta-side h4 { color: var(--text-primary); } /* solution-chips hover → нейтраль */ .theme-clean .solution-chips .chip:hover { border-color: var(--text-muted); color: var(--text-primary); } /* research-center: orange-арт обложек → нейтральный (home-v2 page-local перебиваем) */ .theme-clean .stories-grid .story-card .image { background: linear-gradient(180deg, var(--neutral-925) 0%, var(--neutral-970) 100%) !important; } /* объединённый блок: «// vs» строка нейтральна (через --accent-contrast уже), маркеры lead-form / fee-points — оставляем оранж как редкий акцент-деталь */ /* ── 2. ТИПОГРАФИКА — мельче, веса 800→600/700, мягче tracking ── */ .theme-clean .hero h1 { font-size: clamp(2.5rem, 4vw, 3.75rem); font-weight: 700; letter-spacing: -0.03em; } /* hero нравился — вернули акцент, текст чуть меньше (≈60 вместо 68) */ .theme-clean .hero-lead { font-size: 17px; } .theme-clean .section-h2 { font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 600; letter-spacing: -0.02em; } .theme-clean .lead-form .lf-left h2 { font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 600; } .theme-clean .metric-card-big .big-value { font-size: clamp(2.5rem, 4vw, 3.25rem); font-weight: 700; } .theme-clean .metric-card .value { font-size: clamp(2rem, 2.8vw, 2.5rem); font-weight: 700; } .theme-clean .story-card h3, .theme-clean .method-step h3, .theme-clean .team-quote blockquote { font-weight: 600; } .theme-clean .story-card h3, .theme-clean .method-step h3 { font-size: 17px; } .theme-clean .industry-bento-card.featured .name { font-size: 28px; font-weight: 700; } .theme-clean h1, .theme-clean h2, .theme-clean h3 { letter-spacing: -0.02em; } /* ── 3. СЕКЦИИ — графитовый .alt (заметнее отделяется от #070707), edge-over-shadow ── */ .theme-clean .band.alt { background: var(--neutral-925); } .theme-clean .band.alt .metric-card, .theme-clean .band.alt .story-card, .theme-clean .band.alt .industry-bento-card:not(.featured), .theme-clean .band.alt .method-step, .theme-clean .band.alt .form-panel { border-color: var(--border-strong); } /* focus-кольца (оранжевые) НАМЕРЕННО не трогаем — это индикатор действия (a11y) */ /* ════════════════════════════════════════════════════════════════════════ 4. PT-ЧЕРЕДОВАНИЕ АКТОВ (clean v2) — светлые секции (.scene-light) среди тёмных, как на RU-главной ptsecurity.com (она светло-доминантна — её видел CEO). Ритм: hero(тёмн.) → продукты/клиенты/отрасли(светл.) → Success Fee (тёмн. акцент-акт) → исслед./команда(светл.) → CTA+footer(тёмн.). Дисциплина акцента сохраняется: оранжевый = action + 1 смысловой акцент на секцию; серый — рабочая нейтраль; границы секций — тонкая линия .band. ════════════════════════════════════════════════════════════════════════ */ /* — заголовочный акцент на светлом: orange-700 спокойнее/читабельнее orange-500 на #F2F3F4 — */ .theme-clean .scene-light .section-h2 .accent { color: var(--accent-contrast); } /* — карточки «исследовательского центра» на светлом: обложка = светло-серый градиент (перебиваем и тёмный дефолт темы, и page-local orange-обложки) + гасим orange glow — */ .theme-clean .scene-light .stories-grid .story-card .image { background: linear-gradient(135deg, var(--neutral-100) 0%, #ffffff 72%) !important; } .theme-clean .scene-light .story-card .image .glow-spot { display: none; } /* — featured-отрасль на светлом: белая карта + светлая плашка-превью (была тёмная rgba) — */ .theme-clean .scene-light .industry-bento-card.featured { background: var(--light-surface); border-color: var(--border-strong); } .theme-clean .scene-light .industry-bento-card.featured .case-preview { background: rgba(255,255,255,0.72); border-color: var(--border); backdrop-filter: none; } /* — команда: кольцо фото на светлом — нейтральное (оранж берём только в слове цитаты) — */ .theme-clean .scene-light .team-quote .tq-photo { border-color: var(--border-strong); } /* ── ДИСЦИПЛИНА АКЦЕНТА (оба фона): гасим «лесенку» мелкого оранжа ── один смысловой акцент на секцию несёт H2 .accent; вторичные оранж-детали → нейтраль */ .theme-clean .method-step .vs { color: var(--text-muted); } /* «// не как интеграторы» — нейтраль */ .theme-clean .method-step .vs .sl { color: var(--text-dim); } .theme-clean .lead-form .lf-points li::before { background: var(--text-muted); } /* маркеры формы — нейтраль */