/* ============================================================ Allora — светлая тема (общая для всех разделов). Подключается на каждой странице ПОСЛЕ её основного CSS. Активируется атрибутом data-theme="light" на (ставит ранний скрипт из localStorage + кнопка на главной). Переопределяет только токены-переменные и фон — вся вёрстка разделов построена на этих переменных, поэтому меняется целиком. ============================================================ */ :root[data-theme="light"] { --bg: #e5e9f0; --bg-soft: #d7deea; --bg-card: #ffffff; --bg-card-2: #eef2f8; --line: #c0cbda; --line-soft: rgba(22,32,44,0.09); --text: #131c27; --text-dim: #455465; --text-muted: #717f8e; --accent: #2560c9; --accent-soft: rgba(37,96,201,0.10); --accent-line: rgba(37,96,201,0.34); --term: #7a4fd0; --term-soft: rgba(122,79,208,0.10); --term-line: rgba(122,79,208,0.30); --danger: #cf3a3a; --danger-soft: rgba(207,58,58,0.08); --danger-line: rgba(207,58,58,0.30); --warn: #b07514; --warn-soft: rgba(176,117,20,0.12); --warn-line: rgba(176,117,20,0.34); --ok: #1f9d57; --ok-soft: rgba(31,157,87,0.12); --ok-line: rgba(31,157,87,0.42); --bad: #cf3a3a; --bad-soft: rgba(207,58,58,0.10); --bad-line: rgba(207,58,58,0.42); } /* нейтрально-светлый фон, деликатный холодный оттенок по углам */ :root[data-theme="light"], :root[data-theme="light"] body { background: radial-gradient(900px 500px at 90% -5%, #dbe4f2 0%, transparent 52%), radial-gradient(700px 400px at -10% 10%, #e0e6f0 0%, transparent 52%), var(--bg); } ::selection { background: rgba(37,96,201,0.22); color: #0a1524; } /* лёгкая тень у карточек, чтобы отделялись от фона (в тёмной теме её нет) */ :root[data-theme="light"] .ops, :root[data-theme="light"] .info-card, :root[data-theme="light"] .gl-item, :root[data-theme="light"] .tile { box-shadow: 0 1px 3px rgba(19,28,39,0.06), 0 1px 1px rgba(19,28,39,0.04); } /* логотипы (светлая линейная графика на прозрачном фоне) — инвертируем в тёмную графику, сохраняя оттенок, чтобы читались на светлом */ :root[data-theme="light"] .site-brand img, :root[data-theme="light"] .gl-top__brand img, :root[data-theme="light"] .ts-top__brand img, :root[data-theme="light"] .ex-top__brand img, :root[data-theme="light"] .doc-top__brand img, :root[data-theme="light"] .top__brand img { filter: invert(1) hue-rotate(180deg) brightness(0.92); } /* метки-подписи разделов на глобусе — светлые «пилюли», читаемые на светлом */ :root[data-theme="light"] .gmark__label { background: rgba(247,249,252,0.92); border-color: var(--accent-line); color: var(--text); box-shadow: 0 4px 14px rgba(24,48,92,0.16); } :root[data-theme="light"] .gmark:hover .gmark__label, :root[data-theme="light"] .gmark:focus-visible .gmark__label { background: #ffffff; border-color: var(--accent); } :root[data-theme="light"] .gmark__dot { background: #2f6fd0; box-shadow: 0 0 0 4px rgba(47,111,208,0.18), 0 0 12px rgba(47,111,208,0.65); } :root[data-theme="light"] .gmark:hover .gmark__dot { background: #1f4a96; box-shadow: 0 0 0 5px rgba(47,111,208,0.24), 0 0 16px rgba(47,111,208,0.9); } :root[data-theme="light"] .gmark__pin::before { border-color: rgba(47,111,208,0.6); } :root[data-theme="light"] .gmark.is-soon .gmark__label { color: var(--text-dim); } :root[data-theme="light"] .globe-nav__hint { color: var(--text-muted); }