/* ============================================================ ТОКЕНЫ Единственное место с цветами: светлая и тёмная темы. Тему переключает атрибут data-theme на (js/theme.js). ============================================================ */ :root { --paper: #E9EAE3; /* прохладная «бумага» фона */ --paper-2: #F5F5EF; /* карточки/таблицы */ --paper-3: #FCFCF8; /* зебра, верх таблицы */ --ink: #181A17; /* основной текст-чернила */ --ink-soft: #5E6157; /* подписи, второстепенное */ --line: #D4D5CB; /* линовка */ --line-2: #BFC1B5; /* акцентная линовка */ --stamp: #2E2BD6; /* ультрамарин — подпись/печать/акцент */ --stamp-ink:#211FA8; /* нажатие/hover акцента */ --on-stamp: #FFFFFF; /* текст поверх заливки ультрамарином */ --good: #2E7D4F; /* Отл / Зачтено */ --ok: #5C7A2E; /* Хор */ --mid: #B0731A; /* Удовл */ --bad: #C03A2D; /* Неуд / Не зачтено */ --seminar: #6C4DBE; /* тип пары «семинар» */ --font-display: 'Unbounded', system-ui, sans-serif; --font-body: 'Golos Text', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --r-sm: 4px; --r-md: 8px; --r-lg: 14px; --shadow: 0 1px 0 rgba(24,26,23,.04), 0 18px 40px -28px rgba(24,26,23,.45); --scrim: rgba(24,26,23,.5); /* затемнение под попапом */ } /* Тёмная тема: та же логика «бумага → чернила → печать», только бумага становится ночной, а ультрамарин светлеет, чтобы остаться читаемым. Переключается атрибутом data-theme на (см. app.js). */ :root[data-theme="dark"] { --paper: #14161A; --paper-2: #1C1F25; --paper-3: #242830; --ink: #E7E8E2; --ink-soft: #9BA096; --line: #2F343C; --line-2: #454C57; --stamp: #8886F5; --stamp-ink:#A8A6FF; --on-stamp: #10121A; --good: #4FB07A; --ok: #93BB60; --mid: #D9A441; --bad: #E8756A; --seminar: #A78BF0; --shadow: 0 1px 0 rgba(0,0,0,.25), 0 18px 40px -28px rgba(0,0,0,.9); --scrim: rgba(0,0,0,.62); }