/* global.css — fonts, page background, base text. */
@font-face{font-family:"Outfit";src:url("../fonts/outfit-variable-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html{background:var(--bg-0);color-scheme:dark}
body{min-height:100vh;font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text-1);font-weight:350;
  background:radial-gradient(1200px 700px at 70% -10%,rgba(40,90,150,.28),transparent 60%),
             radial-gradient(900px 600px at 0% 30%,rgba(90,60,160,.16),transparent 60%),
             linear-gradient(180deg,var(--bg-0),var(--bg-1) 40%,var(--bg-2));
  background-attachment:fixed;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{color:var(--text-0);font-weight:450;line-height:var(--lh-tight);letter-spacing:-.01em}
h1{font-size:var(--fs-3xl)} h2{font-size:var(--fs-xl)} h3{font-size:var(--fs-lg)}
p{max-width:var(--measure)}
a{color:var(--accent-cyan-bright);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:#fff}
strong{color:var(--text-0);font-weight:550}
::selection{background:rgba(130,200,255,.35);color:#fff}
.eyebrow{font-size:var(--fs-xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-2)}
