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

@font-face {
    font-family: 'Iosevka Term SS09';
    font-style: normal;
    font-weight: bold;
    src: //local('Iosevka SS09 Bold'), 
        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: ($line-height * 1em) 0 0;
    overflow-x: auto;

    code {
        color: currentColor;
    }

    strong {
        font-weight: normal;
    }
}

strong {
    color: var(--fg-lo);
    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-hi);
    }
}

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

ol {
    counter-reset: cnt;

    > li {
        counter-increment: cnt;

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

ul ul {
    margin-top: 0;
}

dl {
    margin: ($line-height * 1em) 0 0;
    padding: 0;
}

dt,
dd {
    display: inline-block;
}

dt {
    color: var(--fg-lo);
    font-weight: bold;

    &::after {
        content: ':';
        color: var(--fg);
        font-weight: normal;
    }
}

dd {
    margin: 0 3ch 0 0;
}

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;
    }

    strong {
        color: currentColor;
    }
}

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

blockquote,
pre {
    margin: ($line-height * 1em) 0 0 1px;
    padding-left: calc(#{$subcontent--indent} - 3px);
    border-left: 2px solid var(--obj);
}