:root {
    --background-color: #fff;
    --border-radius: 2px;
    --footer-height: 25px;
    --header-height: 36px;
    --control-size: 1.3em;
    --control-padding: 3px;
    --control-border-size: 1px;
    --element-spacing: 10px;
    --font-size: 12px;
}

/*branding: primary-blue*/
:root {
    --brand-primary-blue: #060d67;
}

/*branding: info-blue*/
:root {
    --brand-info-blue: #3970d7;
}

/*branding: gray*/
:root {
    --brand-gray: #c8c5ba;
    --brand-gray-dark: #928c76;
    --brand-gray-light: #e8e8e8;
    --brand-gray-transparent: rgba(232, 232, 232, 0.5);
}

/*branding: accent-orange*/
:root {
    --brand-accent-orange: #fb9665;
}

/*branding: feedback-red*/
:root {
    --brand-feedback-error: #fb3748;
    --brand-feedback-red: #af0a16;
}

/*branding: feedback-yellow*/
:root {
    --brand-feedback-yellow: #ffdb43;
}

/*branding: feedback-green*/
:root {
    --brand-feedback-green: #147f46
}