:root{ --bg:#FAF4EC; --bg2:#F3E8D9; --bg0:#FFFFFF; --surface:#FFFDFA; --cream:#F3E8D9; --ink:#2A1F17; --text:#4A3B2C; --sub:#5A4A3A; --muted:#6E5D4D; --warm:#8A5A38; --ink-cream:#2A1F17; --muted-cream:#6E5D4D; --accent:#A84B2F; --accent-rgb:168,75,47; --accent-ink:#9A4327; --accent-deep:#8A3A22; --on-accent:#FAF4EC; --coral:#BE5733; --pac:var(--accent); --pac-ink:var(--accent-ink); --env:#36513F; --env-rgb:54,81,63; --badge:#EAD7BE; --badge-ink:#2A1F17; --neumi:#2c7a72; --neumi-rgb:44,122,114; --neumi-ink:#2c7a72; --neumi-deep:#1f5d56; --ai:#946a1c; --ai-rgb:148,106,28; --ai-ink:#836014; --ai-deep:#6f4f14; --honey:#F3E8D9; --on-dark-rgb:42,31,23; --line:rgba(42,31,23,.14); --zone:#1F1814; --zone-ink:#F1E7D6; --zone-muted:#A89A82; --zone-warm:#D8B48F; --zone-accent:#D87A4C; --zone-accent-rgb:216,122,76; --zone-line:rgba(240,230,210,.12); --deep:#1A130F; --deep-ink:#f1e6d4; --deep-muted:#a89a82; --display:'Playfair Display',Georgia,'Times New Roman',serif; --serif:'Onest',-apple-system,Segoe UI,Roboto,sans-serif; --sans:'Onest',-apple-system,Segoe UI,Roboto,sans-serif; } /* ТЁМНАЯ ЗОНА: class="zone" на секции — внутри токены переключаются на тёмную палитру, компоненты на var() адаптируются автоматически. */ .zone{ background:var(--zone); color:var(--zone-ink); --ink:var(--zone-ink); --text:var(--zone-ink); --sub:var(--zone-muted); --muted:var(--zone-muted); --warm:var(--zone-warm); --accent-ink:var(--zone-accent); --accent-deep:var(--zone-accent); --accent-rgb:var(--zone-accent-rgb); --coral:var(--zone-accent); --cream:var(--zone); --bg2:var(--zone); --line:var(--zone-line); } /* LEGACY тёмные страницы (ai.html, neumi.html) до миграции на гибрид. class="dark" на восстанавливает прежнюю тёмную палитру. */ body.dark{ --bg:#120c08; --bg2:#1b130d; --bg0:#140f0a; --surface:#241a12; --honey:#241a11; --cream:#241a11; --ink:#ece2d2; --text:#cbbda3; --sub:#cdbfa6; --muted:#a89a82; --warm:#d8b48f; --accent:#d9733f; --accent-rgb:217,115,63; --accent-ink:#e88a5a; --accent-deep:#a8542f; --on-accent:#160f0a; --coral:#e0875a; --pac:#d9733f; --pac-ink:#e88a5a; --neumi:#4f9a93; --neumi-rgb:79,154,147; --neumi-ink:#74b7b0; --neumi-deep:#2c7a72; --ai:#c79a4e; --ai-rgb:199,154,78; --ai-ink:#d8b06a; --ai-deep:#946a1c; --deep:#0c0805; --deep-ink:#f1e6d4; --deep-muted:#a89a82; --on-dark-rgb:240,230,210; --line:rgba(240,230,210,.12); } /* ============================================================ $10K-ДЕТАЛИ — невидимая полировка (применяется ко всем страницам) ============================================================ */ html{ scroll-behavior:smooth; scroll-padding-top:78px; } /* якоря не прячутся под sticky-навигацию */ /* фирменное выделение текста */ ::selection{ background:var(--accent); color:#FFF8F0; } ::-moz-selection{ background:var(--accent); color:#FFF8F0; } /* доступные и красивые состояния фокуса (клавиатура) */ :focus-visible{ outline:2px solid var(--accent); outline-offset:3px; border-radius:6px; } :focus:not(:focus-visible){ outline:none; } /* тёплый тонкий скроллбар */ *{ scrollbar-width:thin; scrollbar-color:rgba(110,93,77,.45) transparent; } ::-webkit-scrollbar{ width:11px; height:11px; } ::-webkit-scrollbar-track{ background:transparent; } ::-webkit-scrollbar-thumb{ background:rgba(110,93,77,.4); border-radius:99px; border:3px solid var(--bg); } ::-webkit-scrollbar-thumb:hover{ background:rgba(110,93,77,.62); } /* картинки: мягкое проявление по мере декодирования + анти-алиасинг */ img{ image-rendering:auto; } /* CTA-кнопки: лёгкий «магнетизм» — стрелка чуть уезжает, кнопка дышит */ .btn,.btn.sun{ will-change:transform; } .btn:active,.btn.sun:active{ transform:translateY(0) scale(.98); } /* на тонких экранах убираем «прыжок» горизонтали */ @media(prefers-reduced-motion:no-preference){ a,.btn,.link,.navtile,.pcard,.phero,.qtile,.bacard{ transition-timing-function:cubic-bezier(.22,1,.36,1); } } /* Броня от встроенных переводчиков (Google/Yandex/расширения): они оборачивают текст заголовков в / со своим шрифтом → заголовок «слетает» в sans. Заставляем любые вложенные обёртки наследовать шрифт самого заголовка. */ h1 font, h2 font, h3 font, .post-head h1 font{ font: inherit !important; } /* a11y-контраст (WCAG AA) — централизованные оверрайды */ footer .foot .logo i{ color:#c79a4e; } /* «ai» на тёмном футере — ярче */ footer .foot .logo b{ color:#74b7b0; } /* «neumi» на тёмном футере — ярче */ footer .foot .small{ opacity:.92; } /* мелкий шрифт-дисклеймер — читаемее */ .hero .link, .step .link{ opacity:1; } /* терракотовые ссылки — полный контраст */