/* Тема midnight: тёмная, золотой акцент, сайдбар обзора слева */

:root {
  --bg: #0b1020;
  --surface: #141b2e;
  --surface-2: #1c2540;
  --text: #e8ecf6;
  --muted: #97a3c0;
  --border: #27314f;
  --accent: #f5b83d;
  --accent-ink: #1a1300;
  --cta: #f5b83d;
  --cta-ink: #1a1300;
  --star: #f5b83d;
  --star-off: #323d5e;
  --good: #3ccf8e;
  --bad: #ff6b6b;
  --link: #ffd27a;
  --radius: 6px;
  --shadow: none;
  --font-body: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-head: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --header-bg: #0b1020;
  --footer-bg: #070b16;
  --hero-bg: radial-gradient(1000px 360px at 15% -20%, #2c3170 0%, transparent 65%);
  --wrap: 1240px;
}

.theme-midnight h2 { font-size: 1.3rem; text-transform: uppercase; letter-spacing: .04em; }
.theme-midnight h2::before { content: ""; display: inline-block; width: 4px; height: .9em; margin-right: 10px; vertical-align: -1px; background: var(--accent); }
.theme-midnight .site-mark { border-radius: 50%; }
.theme-midnight .btn-play { text-transform: uppercase; letter-spacing: .05em; box-shadow: 0 6px 20px rgba(245, 184, 61, .22); }
.theme-midnight .logo { border: 1px solid rgba(255, 255, 255, .12); }

.theme-midnight .card { border-left: 4px solid var(--border); }
.theme-midnight .card:first-child { border-left-color: var(--accent); box-shadow: none; }
.theme-midnight .card-pos { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--surface-2); color: var(--accent); font-size: 1rem; }
.theme-midnight .card:first-child .card-pos { background: var(--accent); color: var(--accent-ink); }

.theme-midnight .review-grid { grid-template-columns: 300px minmax(0, 1fr); }
.theme-midnight .review-aside { order: -1; }
@media (max-width: 960px) { .theme-midnight .review-grid { grid-template-columns: minmax(0, 1fr); } }
.theme-midnight .verdict { border-left-color: var(--accent); }