/**
 * Цвета, размеры и шрифты одним местом.
 *
 * Правило 9: ни одного захардкоженного hex вне этого файла.
 *
 * Тема выбирается тремя способами и в таком порядке:
 *   1. data-theme="light" или "dark" на html — выбор посетителя из куки,
 *      её ставит PHP до отрисовки, поэтому вспышки чужого фона нет;
 *   2. системная настройка, когда выбран режим «как в системе»;
 *   3. тёмная как значение по умолчанию.
 */

:root {
	--bg:#150e2e; --bg2:#1b1338; --surf:rgba(255,255,255,.055); --surf2:rgba(255,255,255,.085);
	--line:rgba(255,255,255,.14); --tx:#f2eeff; --tx2:#b3a9dd; --acc:#a78bfa; --on-acc:#160b2e;
	--up:#34d399; --down:#f87171; --warn:#fbbf24;
	--r:14px; --r-sm:9px; --max:1600px;
	--num: ui-monospace,"SF Mono",Consolas,monospace;
	color-scheme:dark;
}

/**
 * Светлая тема.
 *
 * Это не инверсия тёмной: на светлом фоне те же цвета выглядят ярче,
 * поэтому акцент приглушён, а подложки карточек сделаны плотнее —
 * полупрозрачное белое на белом не читается.
 */
:root[data-theme="light"] {
	--bg:#f6f4fb; --bg2:#ffffff; --surf:rgba(255,255,255,.92); --surf2:rgba(22,11,46,.05);
	--line:rgba(22,11,46,.12); --tx:#1b1338; --tx2:#5c5480; --acc:#6d3fd4; --on-acc:#ffffff;
	--up:#0f8a5f; --down:#c2374a; --warn:#a96a00;
	color-scheme:light;
}

/* Системная настройка действует, пока посетитель не выбрал тему сам. */
@media (prefers-color-scheme: light) {
	:root:not([data-theme="dark"]):not([data-theme="light"]) {
		--bg:#f6f4fb; --bg2:#ffffff; --surf:rgba(255,255,255,.92); --surf2:rgba(22,11,46,.05);
		--line:rgba(22,11,46,.12); --tx:#1b1338; --tx2:#5c5480; --acc:#6d3fd4; --on-acc:#ffffff;
		--up:#0f8a5f; --down:#c2374a; --warn:#a96a00;
		color-scheme:light;
	}
}