/* StudyPoint v2 redesign - "Sandhya" theme: deep indigo night, violet + gold brand.
   Layered over the existing per-page styles; palette itself is swapped in-page. */

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(900px 480px at 85% -8%, rgba(157,140,255,.13), transparent 62%),
    radial-gradient(720px 420px at -10% 2%, rgba(240,179,92,.08), transparent 58%),
    #0b0e1a !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: #7c6cf0; color: #fff; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #2a3355; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }

/* Preview ribbon */
.v2-ribbon {
  background: linear-gradient(90deg, #7c6cf0, #f0b35c);
  color: #17112b;
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
  padding: 7px 14px;
  line-height: 1.4;
}
.v2-ribbon a { color: #17112b; text-decoration: underline; }

/* Sticky headers get glass */
.nav, .topbar {
  background: rgba(11,14,26,.82) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Display headings in Bengali serif */
h1 { font-family: 'Noto Serif Bengali', 'Hind Siliguri', sans-serif; }

/* Brand gradient text */
.grad { background: linear-gradient(90deg, #b7a8ff, #f0b35c); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Primary buttons: violet -> gold signature */
.btn-primary, .btn-start, .btn-test {
  background: linear-gradient(135deg, #9d8cff, #f0b35c) !important;
  color: #17112b !important;
  box-shadow: 0 4px 20px rgba(157,140,255,.25);
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn-primary:hover, .btn-start:hover, .btn-test:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 26px rgba(157,140,255,.38);
}
.btn-primary:active, .btn-start:active, .btn-test:active { transform: translateY(0); }

/* Ghost buttons pick up the violet border */
.btn-ghost { border-color: #414c78 !important; transition: border-color .15s ease, background .15s ease; }
.btn-ghost:hover { border-color: #9d8cff !important; background: rgba(157,140,255,.08); }

/* Cards: gentle lift + violet edge on hover for anything clickable */
.tile, .exam-tile, .challenge-card, .app-card, .job, .qa-card, .qcard {
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
a.tile:hover, .exam-tile:hover, a.challenge-card:hover, .job:hover, .qa-card:hover {
  transform: translateY(-2px);
  border-color: #7c6cf0 !important;
  box-shadow: 0 8px 24px rgba(10,10,25,.45);
}

/* Options in quizzes/tests */
.opt, .quiz-opt { transition: border-color .12s ease, background .12s ease; }
.opt:hover, .quiz-opt:hover { border-color: #9d8cff !important; }

/* Inputs glow violet on focus */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #9d8cff !important;
  box-shadow: 0 0 0 3px rgba(157,140,255,.18);
}

/* Search pill */
.search:focus-within { border-color: #9d8cff !important; box-shadow: 0 0 0 3px rgba(157,140,255,.15); }

/* Hero image gets a soft violet ring */
.hero-img img, .hero-card { box-shadow: 0 12px 40px rgba(8,8,20,.55), 0 0 0 1px #2a3355; }

/* Links */
a { transition: color .12s ease; }

/* Timer emphasis */
.timer { letter-spacing: .04em; }

/* unify remaining mint gradients with the violet-gold signature */
.admin-login-btn, .tab.active {
  background: linear-gradient(90deg, #9d8cff, #f0b35c) !important;
  color: #17112b !important;
}