/* ============================================================ ЦВЕТА РАЗДЕЛОВ — «МАСТЕРСКАЯ» Класс sec-<раздел> на ставит скрипт inject-tooltip.py. ============================================================ */ /* ---------- Палитра по разделам ---------- */ body.sec-philosophy { --blume-accent:#B8770D; --color-accent:#B8770D; --color-accent-hover:#955F09; --blume-accent-foreground:#fff; --color-accent-foreground:#fff; } [data-theme=dark] body.sec-philosophy { --blume-accent:#D99A2B; --color-accent:#D99A2B; --color-accent-hover:#E5AC4C; } body.sec-technical { --blume-accent:#256E9E; --color-accent:#256E9E; --color-accent-hover:#1A5479; --blume-accent-foreground:#fff; --color-accent-foreground:#fff; } [data-theme=dark] body.sec-technical { --blume-accent:#4C9FD4; --color-accent:#4C9FD4; --color-accent-hover:#6DB2E0; } body.sec-knowledge { --blume-accent:#3E7D4F; --color-accent:#3E7D4F; --color-accent-hover:#2F613D; --blume-accent-foreground:#fff; --color-accent-foreground:#fff; } [data-theme=dark] body.sec-knowledge { --blume-accent:#5FB377; --color-accent:#5FB377; --color-accent-hover:#7AC48F; } body.sec-future { --blume-accent:#BC4B32; --color-accent:#BC4B32; --color-accent-hover:#963B27; --blume-accent-foreground:#fff; --color-accent-foreground:#fff; } [data-theme=dark] body.sec-future { --blume-accent:#DE6A50; --color-accent:#DE6A50; --color-accent-hover:#E8826B; } body.sec-files { --blume-accent:#5B6472; --color-accent:#5B6472; --color-accent-hover:#464E5B; --blume-accent-foreground:#fff; --color-accent-foreground:#fff; } [data-theme=dark] body.sec-files { --blume-accent:#8D97A7; --color-accent:#8D97A7; --color-accent-hover:#A3ACBB; } /* ---------- Живая окраска (общая для всех разделов) ---------- */ /* Полоса сверху страницы */ body[class*="sec-"] { border-top: 5px solid var(--blume-accent); } /* Ссылки в тексте */ body[class*="sec-"] .prose a { color: var(--blume-accent); text-decoration: none; transition: color .18s ease; } body[class*="sec-"] .prose a:hover { color: var(--color-accent-hover); text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--blume-accent) 55%, transparent); text-underline-offset: 3px; } /* Активный пункт бокового меню */ body[class*="sec-"] a[aria-current="page"] { color: var(--blume-accent); background-color: color-mix(in oklab, var(--blume-accent) 13%, transparent); font-weight: 600; } /* Цитаты — цветная левая граница */ body[class*="sec-"] .prose blockquote { border-left-color: var(--blume-accent); } /* Выделение текста */ body[class*="sec-"] ::selection { background: var(--blume-accent); color: #fff; } /* ---------- Слой жизни ---------- */ /* Индикатор чтения — растёт при прокрутке */ #reading-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: var(--blume-accent); box-shadow: 0 0 10px color-mix(in oklab, var(--blume-accent) 55%, transparent); z-index: 9999; pointer-events: none; } /* Ambient-свечение раздела вверху страницы */ body[class*="sec-"] { background-image: radial-gradient(ellipse 90% 340px at 50% -120px, color-mix(in oklab, var(--blume-accent) 12%, transparent), transparent 70%); background-repeat: no-repeat; } /* ---------- Типографика: Unbounded (заголовки) + Golos Text (текст) ---------- */ :root { --font-sans: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif; } body { font-family: var(--font-sans); } h1, h2, h3, .prose h1, .prose h2, .prose h3 { font-family: 'Unbounded', 'Golos Text', sans-serif; font-weight: 600; letter-spacing: -0.01em; } /* Усиленное ambient-свечение (ярче и ниже, чтобы не пряталось за шапкой) */ body[class*="sec-"] { background-image: radial-gradient(ellipse 90% 420px at 50% -60px, color-mix(in oklab, var(--blume-accent) 20%, transparent), transparent 70%); }