/*
Theme Name: Celebrity Radar
Theme URI: https://example.com/celebrity-radar
Author: Alex Robbin
Author URI: https://example.com
Description: Премиальный «цифровой журнал» о звёздах и шоу-бизнесе в духе Design Bible 2026: тёмная кинематографичная тема, стекло, мягкое свечение, крупные фото, много воздуха. Работает в паре с плагином Celebrity Radar Core.
Version: 2.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, magazine, premium, responsive, custom-logo, featured-images, translation-ready
*/

/* =========================================================================
   DESIGN BIBLE 2026 — дизайн-токены.
   Используются в frontend.css темы и в poll.css плагина.
   ========================================================================= */
:root {
	/* — Цвета: фоны — */
	--crt-bg: #0B0B0C;              /* основной фон, сложный тёмный (не чистый чёрный) */
	--crt-bg-2: #0E0E10;           /* лёгкая вариация фона для секций */
	--crt-surface: #151515;        /* карточки */
	--crt-surface-2: #1A1A1B;      /* вторичные поверхности */
	--crt-surface-3: #1E1E1E;      /* hover карточек */
	--crt-hover: #1E1E1E;
	--crt-divider: #2A2A2A;        /* разделители */
	--crt-border: rgba(255, 255, 255, .07);
	--crt-border-strong: rgba(255, 255, 255, .12);

	/* — Цвета: текст — */
	--crt-text: #F5F5F4;
	--crt-muted: rgba(245, 245, 244, .62);
	--crt-faint: rgba(245, 245, 244, .40);

	/* — Акценты (использовать редко и по назначению) — */
	--crt-gold: #D8B45B;           /* ТОП / Эксклюзив / VIP / Популярное */
	--crt-gold-2: #E7CD86;
	--crt-gold-soft: rgba(216, 180, 91, .16);
	--crt-red: #E53935;            /* Скандалы / Breaking / Live */
	--crt-red-2: #FF5B54;
	--crt-red-soft: rgba(229, 57, 53, .16);
	--crt-green: #34C759;          /* рост рейтинга / новые материалы */
	--crt-blue: #5AA9FF;           /* только ссылки, минимально */
	--crt-purple: #9B6DFF;         /* бейдж «Фото» */
	--crt-navy: #2E4A8B;           /* бейдж «Новости» */

	/* — Радиусы (единая система) — */
	--crt-r-card: 24px;
	--crt-r-btn: 18px;
	--crt-r-field: 16px;
	--crt-r-img: 20px;
	--crt-r-pill: 999px;
	/* обратная совместимость со старыми именами */
	--crt-radius: var(--crt-r-card);
	--crt-radius-sm: var(--crt-r-field);

	/* — Контейнеры и сетка — */
	--crt-maxw: 1600px;            /* внешний desktop */
	--crt-content: 1480px;         /* контент */
	--crt-inner: 1320px;           /* внутренний */
	--crt-cols: 12;
	--crt-gap: 24px;               /* между колонками */
	--crt-gap-lg: 40px;
	--crt-section: 72px;           /* воздух между секциями */

	/* — Тени (очень мягкие, большое размытие, минимальная непрозрачность) — */
	--crt-shadow: 0 18px 50px -20px rgba(0, 0, 0, .55);
	--crt-shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .65);
	--crt-glow-gold: 0 0 0 1px rgba(216, 180, 91, .5), 0 12px 40px -8px rgba(216, 180, 91, .45);
	--crt-glow-red: 0 0 0 1px rgba(229, 57, 53, .45), 0 12px 40px -8px rgba(229, 57, 53, .40);
	--crt-inset: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 0 40px rgba(0, 0, 0, .25);

	/* — Стекло (очень слабое) — */
	--crt-glass: rgba(20, 20, 22, .62);
	--crt-glass-strong: rgba(14, 14, 16, .8);
	--crt-glass-blur: 18px;

	/* — Типографика — */
	--crt-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--crt-display: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	/* — Анимация (медленная, «дорогая») — */
	--crt-ease: cubic-bezier(.22, .61, .36, 1);
	--crt-dur: .55s;
	--crt-dur-fast: .3s;
}

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

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background:
		radial-gradient(1200px 600px at 78% -8%, rgba(216, 180, 91, .05), transparent 60%),
		radial-gradient(1000px 500px at 0% 0%, rgba(46, 74, 139, .06), transparent 55%),
		var(--crt-bg);
	background-attachment: fixed;
	color: var(--crt-text);
	font-family: var(--crt-font);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

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

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

h1, h2, h3, h4 {
	font-family: var(--crt-display);
	line-height: 1.1;
	margin: 0 0 .5em;
	letter-spacing: -.02em;
	font-weight: 800;
}

/* Крупная типографика по библии (fluid). */
h1 { font-size: clamp(2.4rem, 4.4vw, 4rem); }   /* 52–64px */
h2 { font-size: clamp(1.9rem, 2.6vw, 2.5rem); } /* ~40px */
h3 { font-size: clamp(1.35rem, 1.6vw, 1.875rem); } /* ~30px */

p { margin: 0 0 1em; }

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

.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: 12px 20px; border-radius: 0 0 12px 0; font-weight: 700;
}
.cr-skip-link:focus { left: 0; }

/* Контейнеры Design Bible: 1600 / 1480 / 1320. */
.cr-container { width: 100%; max-width: var(--crt-content); margin: 0 auto; padding: 0 32px; }
.cr-container--wide { max-width: var(--crt-maxw); }
.cr-container--inner { max-width: var(--crt-inner); }

@media (max-width: 640px) {
	.cr-container { padding: 0 16px; }
}

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