/* The hackathon microsite keeps its own layout; it takes the deck's colours and type.
   Its compiled utilities all read these variables. */
:root{
  --hackathon-bg:#19161D;--hackathon-light:#19161D;--hackathon-fg:#ECE6EA;--hackathon-dark:#ECE6EA;
  --hackathon-border:rgba(236,230,234,.14);--hackathon-muted:rgba(236,230,234,.6);
  --font-sans:"Archivo",ui-sans-serif,system-ui,sans-serif;--font-mono:"Martian Mono",ui-monospace,monospace;
}
body.tone-light{--hackathon-bg:#F6F1F4;--hackathon-light:#F6F1F4;--hackathon-fg:#1C141B;--hackathon-dark:#1C141B;--hackathon-border:rgba(40,22,36,.14);--hackathon-muted:rgba(40,22,36,.6)}
body.tone-light{background:#F6F1F4}
body{background:#19161D}
.font-sans,body{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif!important}
.font-mono{font-family:"Martian Mono",ui-monospace,monospace!important;letter-spacing:.12em}
h1,h2,h3{font-variation-settings:"wdth" 110;letter-spacing:-.025em!important}
h1 em,h1 span,h2 span{color:#D897C9}
body.tone-light h1 em,body.tone-light h1 span,body.tone-light h2 span{color:#AA4593}
/* the white logo on dark, the black one on light */
body:not(.tone-light) header img[src*="vlge-black"]{filter:invert(1) brightness(1.6)}
body.tone-light header img[src*="vlge-white"]{filter:invert(1)}
::selection{background:#D897C9;color:#1A1219}