@import "_variables";
:root {
        --main-accent-color: #3ded92;
        --warning-color: #fdae37;
}
@media (prefers-color-scheme: light) {
    :root {
        --main-bg-color: white;
        --main-fg-color: #222;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --main-bg-color: #111;
        --main-fg-color: #eee;
    }
}

html {
    background-color: var(--main-bg-color);
    color: var(--main-fg-color);
}

a {
    color: var(--main-fg-color);
    text-decoration-color: var(--main-accent-color);
}


header #arrows {
    fill: var(--main-accent-color);
}

header #text {
    fill: var(--main-fg-color);
}

.note {
    border-left: .15rem solid var(--main-accent-color);
}

.warning {
    border-left: .15rem solid var(--warning-color);
}