/* Device dark mode colours */
@import 'colors-light.css';
@import 'base-styles.css';

@media (prefers-color-scheme: dark) {
  :root {
    --color-default: #ccc;
    --color-black: #efefef;
    --color-grey: #aaa;
    --color-light-grey: #4e4e4e;
    --color-light-bg: #2a2a2a;
    --color-white: #222;
    --page-bg: #1f1f1f;
    --color-bg: #111 !important;
    --color-headings: var(--color-black) !important;
  }

  header .nav li a:hover {
    background-color: rgb(255 255 255 / 10%);
  }
}