:root {
    --accent: #B60000;
    --accent-hover: #1266e2;
    --accent-text: var(--bg);
    --code: #d81b60;
    --preformatted: #444;
    --marked: #ffdd33;
    --disabled: #efefef;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --bg: #080606;
        --accent: #FF8A8A;
        --accent-hover: #ffe099;
        --code: #f06292;
        --preformatted: #ccc;
    }
}

@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/fira-mono@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/fira-mono@latest/latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-baskerville@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-baskerville@latest/latin-400-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/maven-pro:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

html {
    font-family: "Libre Baskerville";
}

pre,
code,
pre span
{
    font-family: "Libre Baskerville";
    background-color: inherit;
    border: none;
}

.mono pre,
.mono pre span,
.mono code,
.mono date,
.mono span,
.mono
{
    font-family: "Fira Mono";
}

article.poema {
    border: none;
    line-height: 1.8em;
}

.poema time {
    font-size: 0.8em;
    filter: opacity(0.5);
}

.poesia time {
    font-family: "Maven Pro";
    font-size: 0.8em;
}

.poesia ul {
    list-style-type: none;
}

.poesia li {
    margin-bottom: 0.25em;
}