:root {
    --main-font: arial, helvetica, sans-serif;
    --font-color: #bbb;
    --initial-font-size: 1em;
    --initial-line-height: 1.5;
    --background-color: #1b2220;
    --background-image: url("../images/annie-spratt-6a3nqQ1YwBw-unsplash-43gGkhq.jpg");
    --border-color: #555;
    --highlight-color: #ddd;
    --link-color: #999;
    --accent-color: #f2ad09;
    --kpi-border-color: #a73;
    --kpi-background-color: #0d1816;
    --negative-border-color: #fb4444;
    --negative-background-color: #1a1616;
    --positive-border-color: #3ce63c;
    --positive-background-color: #121a16;
    --flash-info-color: var(--black);
    --flash-info-background-color: #6bc0eb;
    --flash-notice-color: var(--black);
    --flash-notice-background-color: #80eb6f;
    --flash-important-color: var(--black);
    --flash-important-background-color: #ff0;
    --flash-warning-color: var(--black);
    --flash-warning-background-color: #ff8000;
    --flash-danger-color: var(--white);
    --flash-danger-background-color: #b40000;
    --black: #222;
    --dark-gray: #595959;
    --light-gray: #ccc;
    --white: #fff;
    --section-main-width: 98vw;
}

@media only screen and (min-width: 700px) {
    :root {
        --section-main-width: 88vw;
    }
}