/* core/foundation/brand_nodus.css — Brand-тема «Nödus · Ümbar» (248-Н) * * Scoped chrome theme. Активируется атрибутом `data-brand="nodus"` на shell * (editor.html / index.html / view.html). Переопределяет ТОЛЬКО цветовые ∧ шрифтовые * токены — derived-токены (бордеры, тени, hover-glow) пересчитываются автоматически, * т.к. ссылаются на rgb-каналы, которые мы здесь меняем. * * Граница: слайды рендерятся в iframe — отдельный документ без `data-brand` → сохраняют * неон-язык 1T (Dark Neon). Убрать атрибут на shell = откат к неону 1:1, без правки кода. * * Палитра — латунь на Material-тёмном. Этот файл — исполняемый источник * истины токенов; смысловой контракт и правила применения — `.claude/docs/THEMING.md`. * латунь #c4a96a (акцент) · светлая #d4c48a (заголовки/лого) · насыщ. #c8a84e (focus/hover) * surface scale #121212 → #1A1A1A → #242424 → #2E2E2E · outline #2A2A2A / #6E6F75 * текст off-white .85/.72/.5 (¬чистый #FFF для абзацев) · олива #8fae5d / красный #ef5350 / ссылка #5b8def * шрифты продукта: Montserrat 300 (заголовки) · Roboto Condensed (UI-метки) * тёплая sequence-палитра слайдов (250-Н+ темизация слайдов) выводится из земляных тонов * земляных ролей Nödus: терракота/олива/медь/коричневый/латунь — ¬из произвольных hex * Glassmorphism сохранён (translucent surfaces + blur) — решение «палитра+типографика», * ¬плоский Material (248-Н scope). См. CLAUDE.md серия 248-Н. */ html[data-brand="nodus"] { /* ── Фоны (Material surface scale) ── */ --bg-color: #121212; --bg-color-rgb: 18, 18, 18; --surface-dark-rgb: 18, 18, 18; /* .side-menu / glass fallback / raised 2nd stop */ --color-dark: #1A1A1A; /* ── Латунь — бренд-акцент (заменяет Figma Pink/Blue) ── */ --accent-primary: #c4a96a; --accent-primary-rgb: 196, 169, 106; --accent-secondary: #d4c48a; --accent-secondary-rgb: 212, 196, 138; --accent-gradient: linear-gradient(270deg, #d4c48a, #c4a96a, #9c8043); --accent-gradient-static: linear-gradient(135deg, #d4c48a, #c4a96a); /* ── Текст НА латунном акценте/seq (271-Н, WCAG AA): латунь — светлое золото, белый текст даёт 1.7–2.3:1 (fail). Тёмный текст на золоте = 7–10:1 ✓ ∧ on-brand (gold+dark — премиальная пара брендбука). Неон ¬определяет токен → fallback #fff (магента-акцент держит белый как established). Класс «white-on-light-accent». ── */ --text-on-accent: var(--color-dark); /* ── Текст: off-white иерархия (¬неон-голубой #B4C8FF) ── */ --text-main: #ffffff; --text-secondary: #C9CCD1; --text-secondary-rgb: 201, 204, 209; /* ── Поверхности: Material-нейтраль, alpha сохраняет стекло ── */ --surface-bg: linear-gradient(145deg, rgba(46, 46, 46, 0.45), rgba(var(--surface-dark-rgb), 0.6)); --surface-card-bg: linear-gradient(145deg, rgba(36, 36, 36, 0.55), rgba(24, 24, 24, 0.65)); --surface-card-bg-hover: linear-gradient(145deg, rgba(48, 48, 48, 0.7), rgba(30, 30, 30, 0.78)); --surface-raised-bg: linear-gradient(145deg, rgba(46, 46, 46, 0.88), rgba(var(--surface-dark-rgb), 0.92)); --surface-overlay-bg: linear-gradient(145deg, rgba(46, 46, 46, 0.92), rgba(24, 24, 24, 0.96)); /* 260-Н: диалоги/тост латунные */ --surface-border-accent: #c8a84e; /* латунь-deep — focus/hover контур */ /* ── Декоративные blob'ы: латунь точечно (¬магента/синий неон) ── */ --blob-color-1: rgba(196, 169, 106, 0.07); --blob-color-2: rgba(196, 169, 106, 0.04); /* ── Семантика (brandbook: олива=норма, красный=алерт) ── */ --semantic-success: #8fae5d; --semantic-success-rgb: 143, 174, 93; --semantic-error: #ef5350; --semantic-error-rgb: 239, 83, 80; /* ── Scene role palette (276-Н): латунь монохромна (узел=светлая латунь, сигнал=accent-primary тоже золото → слились). Override сигнала на терракоту (seq-4 #e8842b, on-brand .bp3) — перцептивный pop против золота узлов ∧ оливы выхода. Узел/выход наследуют (accent-secondary / semantic-success = латунь/олива). ── */ --scene-signal-rgb: var(--seq-4-rgb); /* терракота — различимость в монохромной латуни */ /* ── Типографика ── */ --font-head: 'Montserrat', sans-serif; /* тонкие заголовки (brandbook), ¬Play */ --font-label: 'Roboto Condensed', sans-serif; /* UI-метки/капс секций */ /* ── Sequence-палитра слайдов — тёплая земляная гамма (источник: брендбук .bp1–.bp6) ── Override неонового спектра magenta→blue (tokens.css). Solid --seq-N = категориальная различимость (секторы pie/swot/roulette): золото→медь→терракота→бронза→умбра→олива. Gradient --seq-gradient-N = монотонный тёплый ramp глубины (уровни funnel/pyramid). */ --seq-1: #d4c48a; /* латунь светлая */ --seq-2: #c8a84e; /* золото (brass-deep) */ --seq-3: #cda472; /* медь / тан (брендбук .bp5) */ --seq-4: #e8842b; /* терракота (брендбук .bp3) */ --seq-5: #b5803f; /* бронза */ --seq-6: #8a5a2b; /* умбра */ --seq-7: #9cb36a; /* олива светлая (брендбук .bp2) */ --seq-8: #7d9b5a; /* олива (брендбук .bp2) */ --seq-1-rgb: 212, 196, 138; --seq-2-rgb: 200, 168, 78; --seq-3-rgb: 205, 164, 114; --seq-4-rgb: 232, 132, 43; --seq-5-rgb: 181, 128, 63; --seq-6-rgb: 138, 90, 43; --seq-7-rgb: 156, 179, 106; --seq-8-rgb: 125, 155, 90; --seq-gradient-1: linear-gradient(170deg, #e4d2a0 0%, #d4c48a 35%, #b89a52 100%); --seq-gradient-2: linear-gradient(170deg, #d8c486 0%, #c8a84e 35%, #a07c30 100%); --seq-gradient-3: linear-gradient(170deg, #d8b482 0%, #cda472 35%, #9c7038 100%); --seq-gradient-4: linear-gradient(170deg, #e8a85e 0%, #cf8a3a 35%, #8a4a16 100%); --seq-gradient-5: linear-gradient(170deg, #cf9a52 0%, #b5803f 35%, #845a28 100%); --seq-gradient-6: linear-gradient(170deg, #a8743c 0%, #8a5a2b 35%, #573718 100%); --seq-gradient-7: linear-gradient(170deg, #b0c47e 0%, #9cb36a 35%, #6f8a48 100%); --seq-gradient-8: linear-gradient(170deg, #9aae6a 0%, #7d9b5a 35%, #566f3c 100%); /* Sequence B (Family B) латунь — 6 ступеней земляной гаммы (циан-конец неона → олива) */ --seqb-1: #d4c48a; --seqb-1-rgb: 212, 196, 138; --seqb-2: #c8a84e; --seqb-2-rgb: 200, 168, 78; --seqb-3: #cda472; --seqb-3-rgb: 205, 164, 114; --seqb-4: #b5803f; --seqb-4-rgb: 181, 128, 63; --seqb-5: #9cb36a; --seqb-5-rgb: 156, 179, 106; --seqb-6: #7d9b5a; --seqb-6-rgb: 125, 155, 90; /* ── Slide-палитры: type-specific токены слайдов со СВОИМ неон-спектром (¬Family A: pie/roulette/demography используют --seq напрямую). Неон-значения живут в slides//css (1:1, ¬регрессии); здесь — только латунный override. ── */ --swot-c1: var(--seq-1-rgb); --swot-c2: var(--seq-3-rgb); --swot-c3: var(--seq-5-rgb); --swot-c4: var(--seq-8-rgb); } /* 260-Н: точечные scoped-фиксапы (confirm_dialog / select-options / media_picker) УБРАНЫ — их поверхности мигрированы на бренд-токены (`--surface-overlay-bg` / `rgba(var(--surface-dark-rgb))`) в самих компонентах → авто-follow темы, ¬per-компонент override. Закрытие класса theme-leak (anti-pattern «новый surface = забытый фиксап»; PWA-тост 255-Н был его жертвой). */