/** Define theme variables */
:root {
    /* Brand */
    --color-primary: #002e5d;
    --color-primary-dark: #001f3f;
    --color-accent: #2a5eab;

    /* Text */
    --color-text: #404040;
    --color-text-muted: #66758a;
    --color-text-inverse: #ffffff;
    --color-text-heading: #2a5eab;
    --color-text-hyperlink: #0e62ae;

    /* Backgrounds */
    --color-bg: #ffffff;
    --color-bg-muted: #f4f6f8;
    --color-bg-highlight: #e6eff9;
    --color-bg-hover: #f2f6fb;

    /* Borders */
    --color-border: #dce2e8;
    --color-divider: #dce2e8;

    /* Application Specific */
    --button-background-color: #2a5eab;
    --button-background-color-hover: #002e5d;
    --highlight-background-color: #2a5eab;
}

/** Add custom stuff here */

.site-page {
    background-image: url('img/blue_mountains_small.svg');
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #002e5d;
}