/* =========================================================
   base.css
   Reset ligero y defaults globales. Depende de variables.css
   ========================================================= */

html, body{
  height: 100%;
}

body{
  background: var(--bg);
  font-family: var(--font-body);
  color: var(--text-hi);
}

h1, h2, h3, .display{
  font-family: var(--font-display);
}

::selection{
  background: rgba(48, 52, 214, 0.2); /* Azul del logo con transparencia */
}

::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track{
  background: transparent;
}
::-webkit-scrollbar-thumb{
  background: #cbd5e1;
  border-radius: 8px;
}

/* Fondo ambiental con resplandor azul sutil para modo claro */
.bg-marks{
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(700px 460px at 92% -8%, rgba(48, 52, 214, 0.06), transparent 60%),
    radial-gradient(500px 380px at -6% 106%, rgba(48, 52, 214, 0.04), transparent 60%);
}

.chevron{
  position: fixed;
  z-index: 0;
  pointer-events: none;
  opacity: 0.1;
}

.divider-glow{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(48, 52, 214, 0.2), transparent);
}