/** Define theme variables */
:root {
    /* Brand */
    --color-primary: #211c18;
    --color-primary-dark: #14110e;
    --color-accent: #3b9ed0;

    /* Text */
    --color-text: #211c18;
    --color-text-muted: #6f6862;
    --color-text-inverse: #ffffff;
    --color-text-heading: #0c589b;
    --color-text-hyperlink: #0e62ae;

    /* Backgrounds */
    --color-bg: #ffffff;
    --color-bg-muted: #f5f4f3;
    --color-bg-highlight: #e7f2f8;
    --color-bg-hover: #f2f7f9;

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

    /* Application Specific */
    --button-background-color: #211c18;
    --button-background-color-hover: #14110e;
    --highlight-background-color: #3b9ed0;
}

/** Add custom stuff here */

.site-page  {
    background-image: url('img/bg_grain_200x200.png');
    background-repeat: repeat;
    background-position: center;
}