/* base.css — tokens y reset original de Xautral Xorg (sin cambios visuales) */
:root{
  --bg:#000000;
  --mint:#9df5cf;
  --mint-mid:#6fd3ab;
  --mint-dim:#3f7d66;
  --txt:#d9f2e7;
  --line:#1b2b25;
  --mx:50vw;
  --my:20vh;
}
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
  border-radius:0 !important;
}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--txt);
  font-family:"Times New Roman", Times, Georgia, serif;
  font-size:18px;
  line-height:1.75;
  text-align:center;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  position:relative;
}
/* Fondo: cuadrícula original */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(157,245,207,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157,245,207,.045) 1px, transparent 1px);
  background-size:72px 72px;
  pointer-events:none;
}
/* Spotlight que sigue al mouse (sutil, respeta diseño) */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:radial-gradient(340px circle at var(--mx) var(--my), rgba(157,245,207,.09), transparent 70%);
  pointer-events:none;
  opacity:0;
  transition:opacity .6s;
}
body.mouse-active::after{opacity:1}
::selection{background:var(--mint);color:#000}
a:focus-visible, button:focus-visible, input:focus-visible{
  outline:1px solid var(--mint);
  outline-offset:3px;
}
.wrap{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.sr-only{
  position:absolute;width:1px;height:1px;
  clip:rect(0 0 0 0);clip-path:inset(50%);
  overflow:hidden;white-space:nowrap;
}