/* Dark theme */
:root {
  --bg-color: #000;
  --bg-secondary-color: #131316;
  --color-primary: #F2E86D;
  --color-lightGrey: #747681;
  --color-grey: #ccc;
  --color-darkGrey: #c8c8c8;
  --color-error: #d43939;
  --color-success: #28bd14;
  --color-code: #00a8c8;
  --grid-maxWidth: 120rem;
  --grid-gutter: 2rem;
  --font-size: 1.6rem;
  --font-color: #f5f5f5;
  --font-family-sans: sans-serif;
  --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
}

/* Light theme */
body.light {
  --color-primary: #044389;
  --bg-color: #ffffff;
  --bg-secondary-color: #f3f3f6;
  --font-color: #333333;
  --color-grey: #747681;
  --color-darkGrey: #3f4144;
  --color-code: #147082;
}

/* Core stuff */
body {
  margin-bottom: 500px;
}

ion-icon {
  font-size: 24px;
}

body,
html {
  max-width: 90vw;
  height: 100%;
  margin: auto;
}

code {
  color: var(--color-code);
}

/* Classes */
.bold {
  font-weight: bold;
}

.header-text > a {
  font-family: monospace;
}

.section {
  padding-top: 30px;
}

.content {
  margin: 0.35em 0 0.7em;
  padding: 1rem 2rem;
  font-size: 18px;
}

.mono {
  font-family: monospace;
}