@font-face {
  font-family: "League Gothic";
  src: url("/assets/fonts/league-gothic.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Brygada 1918";
  src: url("/assets/fonts/brygada-1918.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Brygada 1918";
  src: url("/assets/fonts/brygada-1918-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fragment Mono";
  src: url("/assets/fonts/fragment-mono.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Fragment Mono";
  src: url("/assets/fonts/fragment-mono-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --black: #000;
  --g10: #0c0c0c;
  --g14: #141414;
  --g27: #272727;
  --g43: #434343;
  --g66: #666666;
  --g92: #929292;
  --gcf: #CFCFCF;
  --white: #FFFFFF;
  --neon: #FF1F6B;

  --display: "League Gothic", Impact, sans-serif;
  --body: "Brygada 1918", Georgia, serif;
  --mono: "Fragment Mono", "Courier New", monospace;

  --s-1: 0.9375rem;
  --s0: 1.0625rem;
  --s1: 1.375rem;
  --s2: 1.875rem;
  --s3: 2.5rem;
  --s4: 3.333rem;
  --s5: 4.444rem;

  --gutter: 16px;
  --page: 1240px;
  --measure: 60ch;
}

@media (min-width: 760px) {
  :root { --gutter: 40px; }
}