:root{
    /*
    Diese Variablen werden nur im file_tpl des Kunden genutzt
    --customer-primary-color: #;
    --customer-secondary-color: #;
    --customer-primary-light-color: #;
    */

    /* Logo */
    --background-image-url: url('../../../templates/youknow/images/logo.png');
    --backround-image-with: 200px;
    --backround-image-height: 40px;

    /* Login Hintergrund */
    --login-background-image-url: url('../../../templates/youknow/images/login.png');

    /* Colors */
    --bg-color:#F8F9FA;
    --font-color: #1E2B43;
    --font-inverse-color: #fff;

    --component-shadow: rgba(0,0,0,.2);

    --off-white-color: #E7E8EA;
    --snow-white-color: #fff;
    --gainsboro-color: #ddd;
    --solitude-color: #E0E8F1;
    --light-grey-color: #9AA1A4;
    --grey-color: #7B7B7B;
    --nobel-grey-color: #999;
    --storm-grey-color: #697187;
    --dark-grey-color: #4E5C62;
    --transparent-color: transparent;

    --rank-one-color: #FFD98C;
    --rank-two-color: #C6D0D5;
    --rank-three-color: #FABD85;

    --success-color: #468847;
    --warning-color: #c5a161;
    --danger-color: #b94a48;

}