@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-variable.woff2") format("woff2");
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("fonts/bricolage-grotesque-latin.woff2") format("woff2");
}

:root {
  --altimum-field: #090909;
  --altimum-ink: #0a0a0a;
  --altimum-paper: #f7f7f4;
  --altimum-muted: #60605d;
  --altimum-rule: #d5d5cf;
  --altimum-on: #fff;
  --altimum-brand-font: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --altimum-interface-font: "Inter", ui-sans-serif, system-ui, sans-serif;
}