/* Тема classic: светлая, карточки, зелёный акцент, оранжевая CTA */

:root {
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-2: #eef1f5;
  --text: #16202c;
  --muted: #5d6b7a;
  --border: #dde3ea;
  --accent: #0f8a5f;
  --accent-ink: #ffffff;
  --cta: #ff7a1a;
  --cta-ink: #ffffff;
  --star: #f5a623;
  --good: #1a9e5c;
  --bad: #d64545;
  --radius: 12px;
  --radius-btn: 10px;
  --shadow: 0 1px 3px rgba(16, 32, 48, .06), 0 6px 18px rgba(16, 32, 48, .04);
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: var(--font-body);
  --hero-bg: linear-gradient(135deg, #0d3b30 0%, #0f8a5f 100%);
  --hero-ink: #ffffff;
  --hero-muted: rgba(255, 255, 255, .85);
}

.theme-classic .hero { padding: 48px 0 96px; }
.theme-classic .hero .avatar { background: rgba(255, 255, 255, .2); color: #fff; }
.theme-classic.page-home .home-body { margin-top: -72px; }
.theme-classic.page-home .home-body > .toplist:first-child { margin-top: 0; }
.theme-classic.page-home .home-body > .toplist:first-child > h2 { color: #fff; }
.theme-classic .card { transition: transform .15s, box-shadow .15s; }
.theme-classic .card:hover { transform: translateY(-2px); }
.theme-classic .card-pos { color: var(--accent); }
.theme-classic .btn-play { box-shadow: 0 4px 12px rgba(255, 122, 26, .3); }