@font-face {
    font-family: 'Iosevka Term SS09';
    font-style: normal;
    font-weight: normal;
    src: url('/iosevka-term-ss09-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Iosevka Term SS09';
    font-style: normal;
    font-weight: bold;
    src: url('/iosevka-term-ss09-bold.woff2') format('woff2');
}

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

html,
pre,
code {
    font-family: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier,
        monospace;
    font-feature-settings: 'calt' 0, 'dlig' 1;
}

html {
    background-color: var(--bg);
    color: var(--fg);
    font-size: px-to-em($font-size, 16px);
    line-height: $line-height;
}

body {
    margin: 0;
    padding: 0;
}

code {
    color: var(--code--fg);
}

pre {
    margin: 0;
    overflow: hidden;
    color: var(--code-block--fg);
    font-size: $code-block--font-size;
    line-height: $code-block--line-height;
    text-overflow: '';

    strong {
        font-weight: normal;
    }
}

strong {
    color: var(--fg-plus-2);
    font-weight: bold;
}

ul,
ol {
    margin: ($line-height * 1em) 0 0;
    padding: 0;
    list-style: none;
}

li {
    position: relative;
    padding-left: $subcontent--indent;

    &::before {
        display: inline-block;
        position: absolute;
        width: $subcontent--indent;
        margin-left: -1 * $subcontent--indent;
        color: var(--fg-minus);
    }
}

ul > li::before {
    content: '-';
}

ol {
    counter-reset: cnt;

    > li {
        counter-increment: cnt;

        &::before {
            content: counter(cnt) '.';
        }
    }
}

h1,
h2,
h3 {
    margin: ($line-height * 2em) 0 0;

    + h1,
    + h2,
    + h3 {
        margin-top: $line-height * 1em;
    }
}

h1 {
    color: var(--heading--fg);
    font-size: 1em;
    text-transform: uppercase;
}

h2 {
    color: var(--heading--fg);
    font-size: 1em;
}

h3 {
    font-size: 1em;
}

p {
    margin: ($line-height * 1em) 0 0;
    hyphens: auto;
}

:link,
:visited {
    position: relative;
    z-index: 1;
    margin: 0 -.3em;
    padding: .2em .3em;
    color: var(--link--idle--fg);

    &:hover {
        background-color: var(--link--hover--bg);
        color: var(--link--hover--fg);
        text-decoration: none;
    }
}

:visited {
    color: var(--link--visited--fg);
}

hr {
    height: 1px;
    margin: ($line-height * 2em) 0 ($line-height * 2em);
    border: 0;
    background-color: var(--bg-plus);
}

blockquote {
    position: relative;
    margin: ($line-height * 1em) 0 0;
    padding-left: calc(#{$subcontent--indent} - 2px);
    border-left: 2px solid var(--bg-plus);
}