/* MulVidya public-site visual system. Premium Test Series is intentionally excluded. */
:root{
  --bg:#f6f8fc !important;
  --bg-decor-a:#7d7ff0 !important;
  --bg-decor-b:#2fc6d8 !important;
  --surface:#ffffff !important;
  --surface-2:#eef2f8 !important;
  --border:#dce3ee !important;
  --ink:#101828 !important;
  --ink-soft:#586578 !important;
  --ink-faint:#8390a3 !important;
  --accent:#5a5ce6 !important;
  --accent-ink:#ffffff !important;
  --accent-2:#4778ef !important;
  --accent-3:#1ab5bd !important;
  --success:#1d9f72 !important;
  --shadow-sm:0 1px 2px rgba(20,33,61,.05),0 2px 8px rgba(20,33,61,.04) !important;
  --shadow-md:0 10px 28px rgba(20,33,61,.08),0 2px 8px rgba(20,33,61,.04) !important;
  --shadow-lg:0 24px 55px rgba(20,33,61,.13) !important;
}
html[data-theme="dark"]{
  --bg:#0a1020 !important;
  --bg-decor-a:#7078ff !important;
  --bg-decor-b:#28c8dd !important;
  --surface:#121b2d !important;
  --surface-2:#172238 !important;
  --border:#28364f !important;
  --ink:#f2f5fb !important;
  --ink-soft:#a5b0c2 !important;
  --ink-faint:#7e8ba1 !important;
  --accent:#858cff !important;
  --accent-ink:#0a1020 !important;
  --accent-2:#5c95ff !important;
  --accent-3:#5cd3c5 !important;
  --success:#55d1a4 !important;
  --shadow-sm:0 1px 2px rgba(0,0,0,.28) !important;
  --shadow-md:0 12px 28px rgba(0,0,0,.30) !important;
  --shadow-lg:0 24px 55px rgba(0,0,0,.38) !important;
  color-scheme:dark;
}
html,body{overflow-x:hidden;max-width:100%;background:var(--bg);color:var(--ink)}
body{transition:background .2s ease,color .2s ease}
/* Preserve the original MulVidya AI wordmark animation from style.css. */
.brand-text small{color:var(--ink-faint) !important}
.topbar{background:color-mix(in srgb,var(--bg) 90%,transparent) !important;border-bottom-color:var(--border) !important;backdrop-filter:blur(16px) saturate(130%) !important}
.topbar-links .ghost-link,.ghost-link{color:var(--ink-soft) !important}
.topbar-links .ghost-link:hover,.ghost-link:hover{color:var(--ink) !important;background:var(--surface-2) !important}
.nav-dropdown-btn{color:var(--ink-soft) !important}.nav-dropdown-btn:hover,.nav-dropdown.open .nav-dropdown-btn{color:var(--ink) !important;background:var(--surface-2) !important}
.nav-dropdown-panel,.feature-menu-panel{background:var(--surface) !important;border-color:var(--border) !important;box-shadow:var(--shadow-lg) !important}
.nav-dropdown-item{color:var(--ink) !important}.nav-dropdown-item:hover{background:var(--surface-2) !important;color:var(--accent) !important}
.mobile-nav.open{background:var(--surface) !important}.mobile-nav-link{color:var(--ink) !important}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--surface-2) !important}
.nav-toggle{border-color:var(--border) !important;background:var(--surface) !important}.nav-toggle span{background:var(--ink) !important}
.theme-toggle{border-color:var(--border) !important;background:var(--surface) !important;color:var(--ink) !important;box-shadow:var(--shadow-sm) !important}
.theme-toggle:hover{border-color:var(--accent) !important;box-shadow:var(--shadow-sm) !important}
.btn,.btn-primary,.primary-btn,.nav-auth-btn,.feature-menu-btn{border-color:transparent}
.card,.panel,.tool-card,.feature-card,.info-card,.settings-card,.form-card,.question-card,.result-card,.stats-card,.box,.toolbox,.workspace-card{background:var(--surface) !important;border-color:var(--border) !important;box-shadow:var(--shadow-sm)}
input,select,textarea{background:var(--surface) !important;color:var(--ink) !important;border-color:var(--border) !important}
input::placeholder,textarea::placeholder{color:var(--ink-faint) !important}
button{color:inherit}
.bg-decor::before,.bg-decor::after{opacity:.12 !important}
html[data-theme="dark"] .bg-decor::before,html[data-theme="dark"] .bg-decor::after{opacity:.16 !important}
:focus-visible{outline-color:var(--accent-2) !important}
@media (max-width:900px){
  .topbar-inner{padding-left:14px !important;padding-right:14px !important}
  .topbar-actions{gap:8px !important}
  .mobile-nav.open{max-height:calc(100dvh - 70px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}
}
@media (prefers-reduced-motion:reduce){.topbar{animation:none !important}.theme-toggle{transition:none !important}}