/* ============================================================================
MASTER BRAND · mb-brand.css · передаваемый бренд-слой (для сайтов Игоря)
Подпись бренда Master: радуга, шрифты, закон шоколада. v1 · 11.07.2026
----------------------------------------------------------------------------
КАК ПОДКЛЮЧИТЬ (2 строки в , ПЕРВЫМИ, до своих стилей):
----------------------------------------------------------------------------
ВСЁ в этом файле живёт в неймспейсе mb- (классы) и --mb- (переменные):
он НЕ трогает ваши стили и ваши классы, конфликты исключены by design.
Менять оформление — ТОЛЬКО заменой значений токенов здесь, не хексами по месту.
============================================================================ */
/* ---- 1 · ТОКЕНЫ ТЕМ ------------------------------------------------------
Тёмная тема — по умолчанию (ничего вешать не надо).
Светлая тема — класс .mb-light на (или на любом контейнере). */
:root, .mb-dark {
--mb-bg:#0d0e11; --mb-panel:#161922; --mb-panel-2:#1b1f2a;
--mb-deep:#101218; --mb-deep-line:#1c2333; /* тьма темы: графит-ночь */
--mb-line:#262b38; --mb-line-2:#333a4c;
--mb-ink:#e9ebf0; --mb-ink-dim:#9aa1b2; --mb-ink-faint:#646b7d;
--mb-amber:#f4a73a; --mb-cyan:#54d6c7; --mb-green:#5bd17f; --mb-red:#e0654f;
}
.mb-light {
--mb-bg:#f1ece1; --mb-panel:#faf7f0; --mb-panel-2:#f3eee2;
--mb-deep:#3a342b; --mb-deep-line:#4a4136; /* тьма темы: ШОКОЛАД, не чёрный */
--mb-line:#e0d8c6; --mb-line-2:#cfc4ab;
--mb-ink:#241f17; --mb-ink-dim:#6b6353; --mb-ink-faint:#9a907c;
--mb-amber:#d97e1a; --mb-cyan:#0f8f7e; --mb-green:#2f9c58; --mb-red:#c2492f;
}
/* ---- 2 · ТРИ РАДУГИ (константы бренда, не редактировать) ---- */
:root, .mb-dark, .mb-light {
--mb-rb-full:linear-gradient(115deg,#2bb6ff,#19c8c8 18%,#3fd98e 34%,#ffd23f 50%,#ff9f2e 64%,#ff5e3a 78%,#ff4d8d 90%,#b06bff);
--mb-rb:linear-gradient(90deg,#19c8c8,#3fd98e,#ffd23f,#ff9f2e,#ff5e3a);
--mb-rb-ink:linear-gradient(115deg,#1f8fd1,#0aa3a3 18%,#22a566 34%,#c79a00 50%,#d97e1a 64%,#d94b26 78%,#d1216b 90%,#8a4ff0);
}
/* ---- 3 · САМОЗАЩИТА (сердце слоя) -----------------------------------------
Два «живых» токена, которые сами выбирают безопасное значение по контексту:
--mb-rb-auto : какой радугой писать ЗДЕСЬ · --mb-wm-ink : цвет чернил ЗДЕСЬ.
Тёмная тема: везде полная радуга и светлые чернила.
Светлая тема: по умолчанию радуга-чернила и тёмные чернила (песок!),
а внутри .mb-deep-zone — снова полная радуга и светлые чернила.
ИТОГ: «белое на белом» и «радуга слепнет на светлом» НЕВОЗМОЖНЫ —
даже если блок вставили не туда, он сам перекрасится в читаемое. */
:root, .mb-dark { --mb-rb-auto:var(--mb-rb-full); --mb-wm-ink:#eef0f5; }
.mb-light { --mb-rb-auto:var(--mb-rb-ink); --mb-wm-ink:#241f17; }
.mb-deep-zone { --mb-rb-auto:var(--mb-rb-full); --mb-wm-ink:#eef0f5;
background:var(--mb-deep); border-color:var(--mb-deep-line); color:#e9ebf0; }
/* ---- 4 · ГОТОВЫЕ КЛАССЫ ---- */
/* Шрифтовые роли */
.mb-font-brand{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.4px}
.mb-font-ui{font-family:'Golos Text',system-ui,sans-serif}
.mb-font-mono{font-family:'JetBrains Mono',monospace}
/* Радужный текст: сам выбирает полную/чернильную радугу по контексту */
.mb-rb-text{background:var(--mb-rb-auto);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Чернила вордмарка: светлые на deep, тёмные на песке — сами */
.mb-wm{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.5px;color:var(--mb-wm-ink)}
/* Радужные детали интерфейса */
.mb-rb-band{background:var(--mb-rb-auto);height:3px;border:0}
.mb-rb-border{border:1px solid transparent;background:
linear-gradient(var(--mb-panel),var(--mb-panel)) padding-box, var(--mb-rb-auto) border-box}
/* Радужный скроллбар (подпись бренда; вешать класс на прокручиваемый блок или body) */
.mb-scroll{scrollbar-width:thin;scrollbar-color:#ff9f2e var(--mb-panel-2)}
.mb-scroll::-webkit-scrollbar{width:10px;height:10px}
.mb-scroll::-webkit-scrollbar-track{background:var(--mb-panel-2)}
.mb-scroll::-webkit-scrollbar-thumb{background:var(--mb-rb-full);border-radius:6px}
/* Поверхности (если удобно строить на наших) */
.mb-page{background:var(--mb-bg);color:var(--mb-ink)}
.mb-panel{background:var(--mb-panel);border:1px solid var(--mb-line);border-radius:14px}
/* ---- 5 · ГОТОВЫЙ ВОРДМАРК MasterStock (копировать как есть) ----------------
MasterStock
Класть ТОЛЬКО внутрь блока с классом mb-deep-zone (шапка сайта и т.п.).
Знак C (тёмный квадрат с радужной обводкой) — SVG в брендбуке, не перекрашивать. */