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

:root {
  --cup-blue: #002d56;
  --cup-blue-2: #99add7;
  --cup-green: #009036;
  --cup-red: #e2001a;
  --cup-amber: #b26a00;
  --cup-border: #d6dbe3;
  --cup-surface: #fff;
  --cup-surface-2: #f3f5f8;
  --cup-text: #1b1f24;
  --cup-muted: #5f6b7a;
  --admin-bar-h: 2.25rem;
}

@font-face {
  font-family: Material Symbols Outlined;
  font-style: normal;
  font-weight: 100 700;
  src: url("/assets/material-icons.woff2") format("woff2");
}

@font-face {
  font-family: Mona Sans;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  src: url("/assets/Mona-Sans.woff2") format("woff2");
}

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 0;
  }
}