Шаблон:Кубковая сетка/tokens.css

/*
 * Шаблон:Кубковая сетка/tokens.css   (необязательная страница)
 * ---------------------------------------------------------------------------
 * Перекрывает «жёсткие» цвета из styles.css токенами дизайн-системы Codex.
 * Скин сам подставляет в токены значения светлой или тёмной (ночной) темы,
 * поэтому с этим файлом сетка корректно выглядит в обоих режимах.
 * Второе значение в var(…, #xxxxxx) — запасной цвет, если токен не определён
 * (скин без Codex, мобильная версия старой вики и т. п.).
 *
 * Шаблон подключает страницу, только если она существует ({{#ifexist:}}).
 * Создавайте её, если на вики стоит css-sanitizer 5.3.0+ (апрель 2024,
 * MediaWiki 1.42+): в более ранних версиях var() в TemplateStyles запрещён
 * и страница не сохранится. Правила санитайзера для var():
 *   • только в свойствах с одним цветом: color, background-color и
 *     border-top/right/bottom/left-color (шорткат border-color — нельзя);
 *   • объявлять свои переменные (--my-color: …) нельзя — только читать
 *     токены скина.
 * Селекторы повторяют styles.css, поэтому правила здесь (подключённые позже)
 * побеждают при равной специфичности.
 */

/* --- заголовки этапов ---------------------------------------------------- */
.cb-head {
	color: var(--color-base, #202122);
	background-color: var(--background-color-neutral, #eaecf0);
	border-top-color: var(--border-color-base, #a2a9b1);
	border-right-color: var(--border-color-base, #a2a9b1);
	border-bottom-color: var(--border-color-base, #a2a9b1);
	border-left-color: var(--border-color-base, #a2a9b1);
}

/* --- ячейки команд и счёта ------------------------------------------------ */
.cb-name,
.cb-score {
	color: var(--color-base, #202122);
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border-top-color: var(--border-color-base, #a2a9b1);
	border-right-color: var(--border-color-base, #a2a9b1);
	border-bottom-color: var(--border-color-base, #a2a9b1);
	border-left-color: var(--border-color-base, #a2a9b1);
}

/* --- соединительные линии: цвет основного текста -------------------------- */
.cb-conn-out,
.cb-conn-in {
	border-top-color: var(--color-base, #202122);
	border-right-color: var(--color-base, #202122);
	border-bottom-color: var(--color-base, #202122);
}

/* --- сводная таблица ------------------------------------------------------ */
.cb-s-stage th {
	border-bottom-color: var(--border-color-base, #a2a9b1);
}

.cb-summary td {
	border-bottom-color: var(--border-color-subtle, #c8ccd1);
}

.cb-s-status {
	color: var(--color-subtle, #54595d);
}