/* Fundo decorativo da pagina inicial, alinhado a paleta da plataforma. */
:root {
  --bg-fallback: #f3f6fc;
  --bg-position: center top;
  --bg-size: cover;
}

body.home-bg {
  background-color: var(--bg-fallback);
  background-image: url('../imagens/fundo-plataforma.svg');
  background-repeat: no-repeat;
  background-position: var(--bg-position);
  background-size: 100% auto;
  background-attachment: scroll;
}

html[data-theme="dark"] body.home-bg,
body.home-bg.dark-mode {
  background-color: #0b1220;
  background-image:
    radial-gradient(ellipse at 12% 8%, rgba(41, 73, 199, 0.32), transparent 44%),
    radial-gradient(ellipse at 88% 18%, rgba(111, 140, 242, 0.18), transparent 40%),
    radial-gradient(ellipse at 82% 92%, rgba(240, 183, 94, 0.08), transparent 35%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%);
}

@media (max-width: 700px) {
  body.home-bg {
    background-size: auto 720px;
    background-position: center top;
  }
}

/* Lightweight default scrollbar to avoid heavy repaints */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.04); }
::-webkit-scrollbar-thumb { background: rgba(41,73,199,0.45); border-radius: 6px; }