/* EDUVERSE visual layer: home only. Functional and theme contracts remain intact. */
:root {
  --ev-bg: #080d18;
  --ev-surface: #0e1726;
  --ev-surface-2: #121e30;
  --ev-line: rgba(83, 212, 229, 0.32);
  --ev-line-soft: rgba(151, 173, 205, 0.2);
  --ev-text: #f4f8ff;
  --ev-muted: #b7c5d9;
  --ev-cyan: #62e6f2;
  --ev-blue: #8eaeff;
  --ev-amber: #ffd071;
}

body.onae-themed {
  color: var(--ev-text);
  background: var(--ev-bg) !important;
  letter-spacing: 0;
}

body.onae-themed::before {
  background: #080d18 !important;
  animation: none !important;
}

body.onae-themed::after {
  opacity: 0.22;
  background-image: linear-gradient(rgba(98, 230, 242, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98, 230, 242, 0.055) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
  mask-image: none !important;
}

#aiParticles { opacity: 0.12 !important; }

body.onae-themed h1,
body.onae-themed h2,
body.onae-themed h3,
body.onae-themed h4 {
  color: var(--ev-text) !important;
  letter-spacing: 0 !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  animation: none !important;
}

body.onae-themed .site-header {
  background: rgba(8, 13, 24, 0.96) !important;
  border-bottom: 1px solid var(--ev-line) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(12px) !important;
}

body.onae-themed .logo,
body.onae-themed .nav-link.is-active,
body.onae-themed .hero-eyebrow { color: var(--ev-cyan) !important; }

body.onae-themed .nav-link,
body.onae-themed .section-sub,
body.onae-themed .hero-copy,
body.onae-themed .book-meta,
body.onae-themed .chapter-meta { color: var(--ev-muted) !important; }

body.onae-themed .hero {
  min-height: auto !important;
  padding: clamp(3.5rem, 7vw, 6rem) 0 !important;
  background: transparent !important;
}

body.onae-themed .hero h1,
body.onae-themed .page-hero h1 {
  max-width: 17ch;
  font-size: clamp(2.15rem, 5vw, 4.4rem) !important;
  line-height: 1.12 !important;
}

body.onae-themed .hero-copy { max-width: 62ch; line-height: 1.75; }

body.onae-themed .section { padding-block: clamp(3rem, 6vw, 5.5rem); }
body.onae-themed .section-head { margin-bottom: 1.5rem; }
body.onae-themed .section-head h2 { padding-left: 0.75rem; }
body.onae-themed .section-head h2::before {
  width: 2px !important;
  background: var(--ev-cyan) !important;
  box-shadow: none !important;
}

body.onae-themed .book-card,
body.onae-themed .chapter-card,
body.onae-themed .quicklink-card,
body.onae-themed .activity-card,
body.onae-themed .stat-card,
body.onae-themed .gallery-item,
body.onae-themed .news-item,
body.onae-themed .role-card,
body.onae-themed .pricing-card,
body.onae-themed .faq-item {
  color: var(--ev-text) !important;
  background: var(--ev-surface) !important;
  border: 1px solid var(--ev-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
}

body.onae-themed .book-card:hover,
body.onae-themed .chapter-card:hover,
body.onae-themed .quicklink-card:hover,
body.onae-themed .gallery-item:hover {
  transform: translateY(-2px) !important;
  border-color: var(--ev-line) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.26), 0 0 12px rgba(98, 230, 242, 0.08) !important;
}

body.onae-themed .btn,
body.onae-themed .tab-btn.is-active,
body.onae-themed .chip.is-active {
  color: #061018 !important;
  background: var(--ev-cyan) !important;
  border: 1px solid var(--ev-cyan) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.onae-themed .btn-secondary,
body.onae-themed .btn.ghost,
body.onae-themed .tab-btn,
body.onae-themed .chip {
  color: var(--ev-blue) !important;
  background: var(--ev-surface-2) !important;
  border: 1px solid var(--ev-line-soft) !important;
  box-shadow: none !important;
}

body.onae-themed .tier-badge,
body.onae-themed .chapter-no,
body.onae-themed .stat-value { color: var(--ev-amber) !important; }

body.onae-themed input,
body.onae-themed select,
body.onae-themed textarea {
  color: var(--ev-text) !important;
  background: #0a1321 !important;
  border: 1px solid var(--ev-line-soft) !important;
  border-radius: 6px !important;
}

body.onae-themed :focus-visible {
  outline: 2px solid var(--ev-cyan) !important;
  outline-offset: 3px !important;
}

@media (max-width: 720px) {
  body.onae-themed .container { padding-inline: 1rem; }
  body.onae-themed .hero { padding-block: 3rem !important; }
  body.onae-themed .hero h1 { font-size: 2.25rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.onae-themed *, body.onae-themed *::before, body.onae-themed *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}