@font-face {
    font-family: "Wenceslas";
    src: url("../fonts/Wenceslas.ttf");
}

@font-face {
    font-family: "Noto Sans Symbols";
    src: url("../fonts/NotoSymbolsSmall.woff2") format('woff2');
}

/* default to dark theme */
:root {
    --bg: #21192c;
    --bg-alt: #1a1423;
    --bg-code: #3b2947;
    --border: #3b2d4f;
    --accent: #f3c3f7;
    --accent-alt: #e5adea;
    --line-num: #b37ba7;
    --url: #9371bc;
    --glow: #78557c;
    --code: #9a86fd;
}

@media (prefers-color-scheme: light) {
    :root {
        --bg: #e0cbe9;
        --bg-alt: #bfa7c9;
        --bg-code: #e8d2e9;
        --border: #a38bad;
        --accent: #21192c;
        --accent-alt: #1a1423;
        --line-num: #b58cb8;
        --url: #6b548b;
        --glow: #382e46;
        --code: #3c3836;
    }
}

html {
    background-color: var(--bg);
    scrollbar-color: var(--bg-alt) var(--bg);
}

::selection {
    color: var(--bg);
    background: var(--accent);
}

a {
    color: var(--url);
    margin: 0;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: underline dashed var(--url);
    text-decoration-thickness: 2px;
    -webkit-text-decoration: underline dashed var(--url);
}

a::before {
    content: '⛥';
    font-family: "Noto Sans Symbols";
    display: inline-block;
    margin-right: 0.5em;
}