/* SonicRainAcademy — themes/dark.css
   Minimal dark theme with soft blue accent.
*/

:root {
  --bg: #0b0c10;
  --surface: rgba(255,255,255,.03);
  --surface2: rgba(255,255,255,.06);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.74);
  --muted2: rgba(255,255,255,.56);
  --line: rgba(255,255,255,.10);
  --line2: rgba(255,255,255,.16);
  --accent: #9ab8ff;
  --accent2: #6fa5ff;

  /* Optional: subtle background vignette */
  --bg-grad-1: radial-gradient(900px 520px at 20% 10%, rgba(154,184,255,.07), transparent 60%);
  --bg-grad-2: radial-gradient(700px 420px at 80% 20%, rgba(111,165,255,.06), transparent 60%);
}

/* Body background layering */
body {
  background:
    var(--bg-grad-1),
    var(--bg-grad-2),
    var(--bg);
}

/* Optional: nicer scrollbars (WebKit) */
@media (pointer: fine) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.14);
    border-radius: 999px;
    border: 2px solid rgba(0,0,0,.40);
  }
  ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.20); }
  ::-webkit-scrollbar-track { background: rgba(0,0,0,.35); }
}