@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/newsreader-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

:root{
  color-scheme:light;
  --bg:#F5F3EC;
  --surface:#FFFFFF;
  --surface-muted:#EFECE4;
  --ink:#16181A;
  --ink-2:#3E423F;
  --muted:#5B5F5A;
  --line:#E2DFD5;
  --line-soft:#EFECE4;
  --control-border:#CFCBBF;
  --track:#E7E4DA;
  --dot-off:#D3CFC3;
  --beat:#0E6B4E;
  --beat-hover:#094A36;
  --beat-tint:#DDEEE6;
  --beat-tint-soft:#EAF3EE;
  --lose:#B4461F;
  --tie:#6B6F69;
  --tie-band:#E6E3DA;

  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --radius-card:16px;
  --radius-control:10px;
  --radius-chip:20px;
  --gutter:80px;
  --page:1280px;
}
@media(max-width:720px){:root{--gutter:16px}}