body {

  background-color: var(--color-background);
  color: var(--color-text);

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  margin: 0;
}


/* =========================
   Main content container
   ========================= */

main {

  background-color: var(--color-surface);

  width: 95vw;
  margin: var(--spacing-medium);
  padding: var(--spacing-medium);

  border-radius: var(--radius-medium);

  box-shadow: var(--shadow-soft);
  
}