body {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  right: 0;
  bottom: 0;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: var(--color-background);
}
:root {
  --color-primary: #10b981;
  --color-secondary: #3b82f6;
  --color-background: #f3f4f6;
  --color-disabled: #e6eaf2;
  --color-surface: #ffffff;
  --color-text: #1f2937;
  --color-text-light: #6b7280;
  --color-text-red: rgb(239, 68, 68);
  --spacing-unit: 1em;
  --border-radius: 0.5em;
  --box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
}
@media (width <= 720px) {
  * {
    font-size: inherit;
  }
}