/* Reset and base typography. Loaded once by layouts/base.html. */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

body {
  background-color: var(--bg-body);
  color: var(--text-main);
}

/* Small cross-cutting utilities, used across pages instead of one-off
   inline style="" attributes. */
.text-muted { color: var(--text-muted); }
.text-accent { color: var(--red-primary); }
.text-center { text-align: center; }
.text-sm { font-size: 12px; }
.mb-md { margin-bottom: 18px; }
.mt-md { margin-top: 18px; }