/* 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(--surface-2);
  background-image:radial-gradient(1200px 480px at 100% -8%, rgba(43,108,255,.05), transparent 60%),
                   radial-gradient(1000px 420px at -10% 0%, rgba(43,108,255,.035), transparent 55%);
  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:var(--accent-100);color:var(--accent-700)}
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}