:root {
  --color-bright: #79c2e5;
  --color-dark: #071014;
  --color-muted: #777;
  --color-border: #aaa;
  --color-border-light: #ddd;

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

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  min-height: 100vh;

  display: flex;
  flex-direction: column;
}

body {
  font-family: var(--site-font-family);
}

main {
  flex: 1;
}