---
#
---

$base-font-family: system-ui, "Liberation Sans", Arimo, Arial, sans-serif;
$monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
  monospace;

@import "{{ site.theme }}";

// Declares support for light and dark themes as high as possible
:root {
  color-scheme: light dark !important;
}

// Reverts all colors to browser default so light/dark modes are supported
// without extra work and we get free accessibility
* {
  color: revert !important;
  text-color: revert !important;
  background-color: revert !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

// Fix transparent mobile navbar
@media (prefers-color-scheme: light) {
  .site-nav {
    color-scheme: only light !important;
    color: #000000 !important;
    background-color: #ffffff !important;
  }
}
@media (prefers-color-scheme: dark) {
  .site-nav {
    color-scheme: only dark !important;
    color: #ffffff !important;
    background-color: #1c1b22 !important;
  }
}