/**
 * Theme detection
 *
 * https://medium.com/hypersphere-codes/detecting-system-theme-in-javascript-css-react-f6b961916d48
 */
@media (prefers-color-scheme: light) {
    body {
        background: #ffffff;
        color: #333333;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background: #181818;
        color: #ffffff;
    }

    /* Fix for Dark Reader being enabled when already showing dark theme */
    body.dark-reader {
        background: #ffffff;
    }

    /* unvisited link */
    a:link {
      color: #cccccc;
    }
    /* visited link */
    a:visited {
      color: #095484;
    }
    /* mouse over link */
    a:hover {
      color: #8ebf42;
    }
    /* selected link */
    a:active {
      color: #800000;
    }
}