@import url('../fonts/firacode/firacode.css');
@import url('../fonts/dejavu/dejavu.css');

html {
    font-family: 'Fira Code', system-ui;
}

code {
    font-family: 'DejaVu Sans Mono', system-ui;
    box-shadow:
        color-mix(in srgb, currentcolor 14%, transparent) 0px 2px 2px 0px,
        color-mix(in srgb, currentcolor 12%, transparent) 0px 1px 5px 0px,
        color-mix(in srgb, currentcolor 20%, transparent) 0px 3px 1px -2px;
    padding: 2px;
    border-radius: 4px;
}

button {
    cursor: pointer;
}

.strikethrough {
    text-decoration: line-through;
}

@media (prefers-color-scheme: dark) {
    /* we generated this code by letting darkreader create a dark mode of the homepage */
    @layer {
        html {
            background-color: #181a1b !important;
        }
        html {
            color-scheme: dark !important;
        }
        iframe {
            color-scheme: initial;
        }
        html,
        body,
        input,
        textarea,
        select,
        button,
        dialog {
            background-color: #181a1b;
        }
        html,
        body,
        input,
        textarea,
        select,
        button {
            border-color: #736b5e;
            color: #e8e6e3;
        }
        a {
            color: #3391ff;
        }
        table {
            border-color: #545b5e;
        }
        mark {
            color: #e8e6e3;
        }
        ::placeholder {
            color: #b2aba1;
        }
        input:-webkit-autofill,
        textarea:-webkit-autofill,
        select:-webkit-autofill {
            background-color: #404400 !important;
            color: #e8e6e3 !important;
        }
        ::-webkit-scrollbar {
            background-color: #202324;
            color: #aba499;
        }
        ::-webkit-scrollbar-thumb {
            background-color: #454a4d;
        }
        ::-webkit-scrollbar-thumb:hover {
            background-color: #575e62;
        }
        ::-webkit-scrollbar-thumb:active {
            background-color: #484e51;
        }
        ::-webkit-scrollbar-corner {
            background-color: #181a1b;
        }
        * {
            scrollbar-color: #454a4d #202324;
        }
        ::selection {
            background-color: #004daa !important;
            color: #e8e6e3 !important;
        }
        ::-moz-selection {
            background-color: #004daa !important;
            color: #e8e6e3 !important;
        }
    }
}