/* ========================================
   themes.css — Переключение тем
   ======================================== */

/* ----- Серьёзная тема (через data-атрибут) ----- */
body[data-theme="serious"] {
  --color-primary: #636E72;
  --color-secondary: #B2BEC3;
  --color-accent: #636E72;
  --color-bg: #F5F6FA;
  --color-bg-secondary: #DFE6E9;
  --color-text: #2D3436;
  --color-text-light: #636E72;
  --color-card: #FFFFFF;
  --color-nav: #636E72;
  --color-nav-hover: #B2BEC3;
  color-scheme: light;
}

body[data-theme="serious"] .hero {
  background: linear-gradient(135deg, #DFE6E9 0%, #F5F6FA 50%, #B2BEC3 100%);
}

body[data-theme="serious"] .hero__title {
  animation: none;
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .btn--primary {
  background: linear-gradient(135deg, #636E72, #2D3436);
  box-shadow: 0 4px 15px rgba(99, 110, 114, 0.4);
}

body[data-theme="serious"] .btn--primary:hover {
  box-shadow: 0 8px 25px rgba(99, 110, 114, 0.5);
}

body[data-theme="serious"] .section__title {
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .section__title::after {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
}

body[data-theme="serious"] .card__title {
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .joke__text {
  font-family: var(--font-body);
}

body[data-theme="serious"] .meme__text-top,
body[data-theme="serious"] .meme__text-bottom {
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .wheel__result {
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .counter__value {
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .clicker__text {
  font-family: var(--font-body);
  font-weight: 800;
}

body[data-theme="serious"] .nav__link:hover {
  background: var(--color-secondary);
  transform: none !important;
}

body[data-theme="serious"] .nav__link::after {
  display: none;
}

body[data-theme="serious"] .card:hover {
  transform: translateY(-2px);
}

body[data-theme="serious"] .sound-btn:hover {
  transform: translateY(-2px);
}

body[data-theme="serious"] .sound-btn:active {
  transform: scale(0.98);
}

body[data-theme="serious"] .btn--primary:active {
  transform: scale(0.98);
}

body[data-theme="serious"] .header__logo:hover {
  transform: none;
}

body[data-theme="serious"] ::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 6px;
}

body[data-theme="serious"] .clicker {
  border-style: solid;
}

body[data-theme="serious"] .clicker:hover {
  background: var(--color-bg-secondary);
}

/* Убираем кастомный курсор в серьёзной теме */
body[data-theme="serious"] {
  cursor: default;
}

body[data-theme="serious"] .clicker__text {
  color: var(--color-text);
}