/* === LIN-LIBERTINE === */
@font-face {
    font-family: 'Linux Libertine';
    src: url(https://files.wediaklup.de/fonts/lin-libertine/LinLibertine_R.ttf);
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url(https://files.wediaklup.de/fonts/lin-libertine/LinLibertine_RI.ttf);
    font-weight: normal;
    font-style: italic;
    font-variant: normal;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url(https://files.wediaklup.de/fonts/lin-libertine/LinLibertine_RB.ttf);
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url(https://files.wediaklup.de/fonts/lin-libertine/LinLibertine_aBS.ttf);
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url(https://files.wediaklup.de/fonts/lin-libertine/LinLibertine_aSI.ttf);
    font-weight: normal;
    font-style: italic;
    font-variant: small-caps;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url(https://files.wediaklup.de/fonts/lin-libertine/LinLibertine_aS.ttf);
    font-weight: normal;
    font-style: normal;
    font-variant: small-caps;
}


/* === VARIABLES === */
:root {
    /* Colours */
    --color-bg: #1F1F1F;
    --color-fg: #EEEEEE;

    --color-link: #8CDCFE;
    --color-link-click: #CBBA7D;

    /* Font Settings */
    --ff-monospace: 'Consolas', monospace;
    --ff-serif: 'Linux Libertine', 'Georgia', serif;
    --ff-grotesque: 'Bahnschrift SemiCondensed', sans-serif;

    /* Aliases */
    --colour-bg: var(--color-bg);
    --colour-fg: var(--color-fg)
}

/* === GENERIC STYLES === */
.generic-dark {
    margin: 0;
    background-color: var(--color-bg);
    color: var(--color-fg);
}

.abstract-dark {
    a {
        color: var(--color-link);
    }

    a:focus {
        color: var(--color-link-click);
    }
}

input:not(input[type="file"], input[type="submit"]), textarea {
    background: transparent;
    color: var(--colour-fg);
    font-family: var(--font-monospace);
    border: 1px solid var(--colour-fg);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="file"]#hidden-upload {
    display: none;
}

button, input[type="submit"] {
    background-color: #333;
    color: var(--colour-fg);
    font-size: 1.5rem;
    padding-block-start: 0.2em;
    padding-block-end: 0.25em;
    padding-inline: 1em;
    font-family: var(--font-monospace);
    cursor: pointer;
}

input[type="submit"] {
    font-size: 1rem;
}

button.inline {
    font-size: unset;
    padding-inline: 3px;
}

select {
    border: 1px solid var(--colour-fg);
    color: var(--colour-fg);
    background: transparent;
}

select option {
    background: #333;
}


/* === PRETTYTABLE === */
table.prettytable {
    border-collapse: collapse;
}

table.prettytable th,
table.prettytable td {
    border: 1px solid white;
    padding-inline: 0.5em;
}

/* === PRETTYTABLE SIMPLIFIED === */
table.prettytable.simplified tr {
    border-block: 1px solid white;
    border-inline: 0;
}

table.prettytable.simplified tr:first-of-type {
    border-block-start: none;
}

table.prettytable.simplified tr:last-of-type {
    border-block-end: none;
}

table.prettytable.simplified tr td:first-child,
table.prettytable.simplified tr th:first-child {
    border-inline-start: 0;
}

table.prettytable.simplified tr td:last-child,
table.prettytable.simplified tr th:last-child {
    border-inline-end: 0;
}

table.prettytable.simplified th,
table.prettytable.simplified td {
    border-block: 0;
    border-inline: 1px solid white;
}