body {
  --primary: #DA0037;
  --primary-contrast: white;
  --secondary: #717777;
  --font: 'Roboto Mono', monospace;
  --text-color: #444444;
  --page-background: #171717;
  font-family: var(--font);
}

.form-switch .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--secondary);
}

.form-switch .form-check-input:focus {
  border-color: var(--primary-contrast);
}

.form-switch .form-check-input {
  background-color: var(--text-color);
}

.space {
  margin-top: 250px;
}

[data-bs-theme="dark"] {
  background: var(--page-background);
  background-color: var(--page-background);
  color: var(--text-color);

  .container {
    background-color: var(--page-background);
  }

  .partition-header {
    color: var(--primary);
  }

  .a {
    color: var(--primary-contrast);
    text-decoration: underline;
  }

  .icon-link {
    color: var(--primary);
    text-decoration: underline;
  }

  .msml {
    color: var(--secondary);
    text-decoration: underline;
  }

  .blockquote,
  .blockquote-footer {
    color: var(--secondary);
  }
}

[data-bs-theme="light"] {
  color: var(--page-background);

  .partition-header {
    color: var(--primary);
  }

  .a {
    color: var(--primary);
    text-decoration: underline;
  }

  .icon-link {
    color: var(--primary);
    text-decoration: underline;
  }

  .msml {
    color: var(--secondary-contrast);
    text-decoration: underline;
  }

  .blockquote,
  .blockquote-footer {
    color: var(--page-background);
  }
}