/* color pairings from https://material-foundation.github.io/material-theme-builder/ */

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("fonts/rubik-latin.woff2") format("woff2");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --color-brand-primary: #005f5f;
  --color-surface: #f7f8f8;
  --color-on-surface: #161d1d;
}

body {
  min-height: 100dvh;
  font-family: "Rubik", sans-serif;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
}