@font-face {
  font-family: Bricolage;
  src: url('./fonts/bricolage-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: DM;
  src: url('./fonts/dm-sans-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: DM;
  src: url('./fonts/dm-sans-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
:root {
  --brand-blue: #2045e8;
  --brand-paper: #f5f7ff;
  --brand-ink: #121627;
  --brand-lime: #e4f99a;
  --brand-live: #b1eb9b;
  --brand-danger: #ff9ba6;
  --display: Bricolage, Arial, sans-serif;
  --ui: DM, Arial, sans-serif;
}