/* =====================================================================
   base.css — variables de tema, reset, tipografía y utilidades globales
   ===================================================================== */

:root{
  --bg:#0a0a0c; --surface:#111114; --surface-2:#17171c; --line:#232329;
  --txt:#f4f4f6; --muted:#8d8d99; --accent:#e63946; --accent-soft:rgba(230,57,70,.12);
  --radius:4px;
  --sans:'Space Grotesk',system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-theme="light"]{
  --bg:#f7f7f5; --surface:#fff; --surface-2:#f0f0ee; --line:#e2e2de;
  --txt:#121215; --muted:#65656e; --accent-soft:rgba(230,57,70,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--txt);font-family:var(--sans);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  transition:background .3s,color .3s;
}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}