@charset "UTF-8";

:root {
    --el-bg: #fff4ca;


    --font-main: 'Helvetica Neue', sans-serif;
    --bg-background: #FAFAFA;
    --bg-background-light: #DFDFDF;
    --bg-box: #F0E7E0;
    --bg-border: #B1B1B1;
    --bg-disabled: #b1b1b1;
    --bg-heading: #C51A1B;
    --bg-alert: #C51A1B;
    --bg-hover: #eae1c7;
    --bg-active: #d3c89f;

    --color-main: #203030;
    --color-alert: #FFF;
    --color-heading: #C51A1B;
    --color-light: #B1B1B1;

    --font-small: .8em;

    --logo-header-height: 50px;

    --box-shadow: 0 0 3px #203030;
    --text-shadow: 1px 1px 2px #203030;
}

#categories {
    margin-bottom: 4em;
}