@font-face{font-family:'Archivo Black';src:url('../fonts/archivo-black-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{
  --badcc-ground:#0B0D0B;
  --badcc-surface:#141713;
  --badcc-surface-2:#1C201A;
  --badcc-line:#2A2F27;
  --badcc-line-soft:#20241E;
  --badcc-sage:#90A681;
  --badcc-sage-dim:#6E8161;
  --badcc-amber:#D7965A;
  --badcc-amber-hi:#E8A96B;
  --badcc-bone:#F2F2ED;
  --badcc-muted:#A6AC9E;
  --badcc-stamp:#E0736A;
  --badcc-ok:#7FA46A;

  --badcc-display:'Archivo Black',Impact,sans-serif;
  --badcc-body:'Barlow',Helvetica,sans-serif;
  --badcc-mono:'IBM Plex Mono',ui-monospace,monospace;
}

body{background:var(--badcc-ground);color:var(--badcc-bone);font-family:var(--badcc-body)}
h1,h2,h3,h4{font-family:var(--badcc-display);font-weight:400;line-height:1.05;letter-spacing:-.015em;text-wrap:balance}
a{color:var(--badcc-amber)}
:focus-visible{outline:2px solid var(--badcc-amber);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}