/* Custom styles for Nova AI */
:root {
  --bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --accent: #7b61ff;
  --card: #f8fafc;
}
[data-theme="dark"] {
  --bg: #071026;
  --text: #e6eef8;
  --muted: #9aa6bf;
  --accent: #7b61ff;
  --card: #071026;
}

body{
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.navbar-brand img { width:48px; height:48px; transition: transform 0.6s ease; }
.navbar-brand img:hover { transform: rotate(360deg); }
.logo-rotate { display:inline-block; }
.footer { padding:40px 0; background: var(--card); color:var(--muted); }
.hero { padding:60px 0; text-align:center; }
.card-custom { border-radius:12px; box-shadow: 0 8px 24px rgba(15,23,42,0.06); background:var(--card); padding:20px; }
.site-container { max-width:1100px; margin:0 auto; padding:20px; }
.ai-title { font-weight:700; margin-bottom:6px; }
.ai-desc { color:var(--muted); margin-bottom:12px; }
.page-center { display:flex; justify-content:center; }
.visit-btn { background: linear-gradient(90deg,var(--accent), #00d4ff); color:white; border:0; padding:10px 16px; border-radius:8px; }
.theme-toggle { cursor:pointer; }
.category-dropdown .dropdown-menu { max-height:320px; overflow:auto; }
.center-content { max-width:900px; margin: 24px auto; }
@media (max-width:767px){
  .hero { padding:30px 12px; }
}

[data-theme='dark'] h1, [data-theme='dark'] h2, [data-theme='dark'] h3, [data-theme='dark'] h4, [data-theme='dark'] h5, [data-theme='dark'] a { color: var(--text) !important; }