/* base.css — reset ligero y tipografía base. Sobre tokens DESIGN-001. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-sans);
  font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  background:var(--bg);
  background-image:radial-gradient(1100px 520px at 100% -12%, rgba(76,130,255,.08), transparent 62%),
                   radial-gradient(900px 420px at -8% -4%, rgba(76,130,255,.045), transparent 58%);
  background-attachment:fixed}
h1,h2,h3,h4{margin:0;letter-spacing:-.015em}
p{margin:0}
a{color:var(--accent-text);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{text-decoration:underline;text-underline-offset:2px}
::selection{background:rgba(76,130,255,.32);color:#fff}
img,svg{display:block;max-width:100%}
button{font:inherit}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}
code{font-family:var(--font-mono);font-size:.9em;background:var(--gray-50);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:.1em .4em;color:var(--gray-700)}
.muted{color:var(--text-2)}
.small{font-size:var(--fs-sm)}
.eyebrow{font-size:var(--fs-overline);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}
.center{text-align:center}
.stack>*+*{margin-top:var(--space-4)}
.hidden{display:none!important}