/* fonts */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");

:root {
    color-scheme: light dark;
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;

    --bg: #fcf9f4;
    --text: black;
    --footer-text: #3a3630;
    --code: #b79019;
    --link: orange;
    --link-visited: orangered;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0c0b09;
        --text: #ede2ce;
        --footer-text: #c1b49b;
        --code: #efdd75;
    }
}

body {
    max-width: 50rem;
    margin: 0 auto;
    padding: 1rem;
    line-height: 1.5;

    background-color: var(--bg);
    color: var(--text);
}

a {
    color: var(--link);
    text-decoration: none;
}

a::before {
    content: ":// ";
}

a::after {
    content: " //:";
}

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

code {
    font-family: inherit;
    color: var(--code);
}

footer {
    font-size: 0.85rem;
    color: var(--footer-text);
}