/* RT — обновлённое оформление поверх темы hq-pages: глубже синий акцент, крупнее скругления, карточки с подъёмом, тёмный подвал.
   Работает через CSS-переменные темы; тёмный режим темы — body.dark. */

:root {
	--color-accent-secondary: #2f5bea; /* акцент: кнопки, плашки категорий (контраст на белом 5,6:1) */
	--color-text-hover: #1f45c4;
	--color-background-primary: #f3f5fa;
	--border-radius-block: 16px;
	--border-radius-btn: 12px;
	--rt-navy: #131928;
	--rt-navy-2: #1b2235;
}

/* ---------- Шапка ---------- */
.header {
	background: var(--color-background-block);
	box-shadow: 0 1px 0 rgba(19, 25, 40, .06), 0 6px 24px rgba(19, 25, 40, .04);
	border-bottom-color: transparent;
	position: relative;
	z-index: 20;
}

/* ---------- Карточки статей ---------- */
.article-list__card,
.random__card,
.recommend__card,
.popular-categories__card {
	transition: transform .2s ease, box-shadow .2s ease;
}
.article-list__card:hover,
.random__card:hover,
.recommend__card:hover,
.popular-categories__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px rgba(19, 25, 40, .1);
}
.hero__card,
.hero__card-image img,
.recommend__image img {
	border-radius: var(--border-radius-block);
}

/* ---------- Подвал: тёмно-синий ---------- */
.footer {
	--color-background-primary: var(--rt-navy);
	--color-text-primary: #e6e9f2;
	--color-text-secondary: #9aa3b5;
	color: #e6e9f2;
}
.footer a { color: #e6e9f2; }
.footer a:hover { color: #8fb0ff; }