/* ============================================
   BASE — Reset, body, typography
   ============================================ */

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Geist","Inter",system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
body{
  background:
    radial-gradient(1200px 700px at 85% -10%, var(--body-glow-1), transparent 60%),
    radial-gradient(900px 600px at -10% 30%, var(--body-glow-2), transparent 55%),
    var(--bg);
  min-height:100vh;
  transition: background-color .25s, color .25s;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;background:transparent;border:0;color:inherit}
img{display:block;max-width:100%}

.mono{font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:.02em}
.serif{font-family:"Fraunces",ui-serif,Georgia,serif}
.italic{font-style:italic}