/*
Theme Name: Celebrity Radar
Theme URI: https://example.com/celebrity-radar
Author: Alex Robbin
Author URI: https://example.com
Description: Тёмная адаптивная тема для сайта о звёздах, новостях шоу-бизнеса, фото и видео. Золотой акцент, красные бейджи, мобильная нижняя панель. Работает в паре с плагином Celebrity Radar Core.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: celebrity-radar
Tags: news, entertainment, dark, responsive, custom-logo, featured-images, translation-ready
*/

/* Токены темы (используются и в frontend.css, и в плагине). */
:root {
	--crt-bg: #0e0e11;
	--crt-surface: #16161a;
	--crt-surface-2: #1c1c22;
	--crt-surface-3: #23232b;
	--crt-border: rgba(255, 255, 255, .08);
	--crt-border-strong: rgba(255, 255, 255, .14);
	--crt-text: #f4f3f1;
	--crt-muted: rgba(244, 243, 241, .6);
	--crt-faint: rgba(244, 243, 241, .4);
	--crt-gold: #f0b429;
	--crt-gold-2: #ffc94d;
	--crt-red: #e63946;
	--crt-red-2: #ff5964;
	--crt-radius: 14px;
	--crt-radius-sm: 10px;
	--crt-maxw: 1200px;
	--crt-gap: 22px;
	--crt-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--crt-display: 'Oswald', var(--crt-font);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--crt-bg);
	color: var(--crt-text);
	font-family: var(--crt-font);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	padding-bottom: 0;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }
a:hover { color: var(--crt-gold); }

h1, h2, h3, h4 { font-family: var(--crt-display); line-height: 1.18; margin: 0 0 .5em; letter-spacing: .2px; }

:focus-visible { outline: 2px solid var(--crt-gold); outline-offset: 2px; border-radius: 4px; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; word-wrap: normal !important;
}

.cr-skip-link {
	position: absolute; left: -9999px; top: 0; z-index: 1000;
	background: var(--crt-gold); color: #111; padding: 10px 16px; border-radius: 0 0 8px 0; font-weight: 700;
}
.cr-skip-link:focus { left: 0; }

.cr-container { width: 100%; max-width: var(--crt-maxw); margin: 0 auto; padding: 0 18px; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}