/* ========================================================================= Тёмная тема — основное «театральное» настроение сайта (см. ТЗ). JS проставляет [data-theme="dark"] на ещё в , до отрисовки, поэтому мигания светлой темой при загрузке не будет (см. functions.php). ========================================================================= */ :root:not([data-theme="light"]) { --color-bg: #0A0A0A; --color-bg-elevated: #141414; --color-surface: #171717; --color-text: #F2F0EA; --color-text-muted: #9C978D; --color-border: #262626; --color-accent: #E23C46; --color-accent-hover: #F0555E; --color-accent-contrast: #0A0A0A; --color-accent-2: #E6B800; --shadow-raised: 8px 8px 20px rgba(0, 0, 0, 0.5), -8px -8px 20px rgba(255, 255, 255, 0.03); --shadow-inset: inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -4px -4px 10px rgba(255, 255, 255, 0.02); --shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.6); } :root[data-theme="dark"] { --color-bg: #0A0A0A; --color-bg-elevated: #141414; --color-surface: #171717; --color-text: #F2F0EA; --color-text-muted: #9C978D; --color-border: #262626; --color-accent: #E23C46; --color-accent-hover: #F0555E; --color-accent-contrast: #0A0A0A; --color-accent-2: #E6B800; --shadow-raised: 8px 8px 20px rgba(0, 0, 0, 0.5), -8px -8px 20px rgba(255, 255, 255, 0.03); --shadow-inset: inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -4px -4px 10px rgba(255, 255, 255, 0.02); --shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.6); } [data-theme="dark"] .hero__mark { opacity: 0.12; } [data-theme="dark"] .book-card__cover-placeholder, [data-theme="dark"] .focus__cover-placeholder { background: linear-gradient(145deg, #1b1b1b, #0a0a0a); }