// COMMON

$color-black: #000;
$color-white: #FFF;
$color-black-light: #1b1b1a;
$color-grey-darker: #262425;
$color-grey-border: #3a3a39;
$color-grey-border-light: #636363;
$color-grey-border-lighter: #dcdcdc;
$color-grey-dark: #2e2a2b;
$color-grey: #373536;
$color-grey-light: #a0a0a0;
$color-grey-lighter: #b2b2b2;
$color-grey-semi-light: #C7C7C7;
$color-grey-ultra-light: #EFEFEF;
$color-grey-background: #E6E6E6;
$color-golden: #a57b1b;
$color-golden-dark: #a47f14;
$color-grey-font: #a09fa0;
$color-transparent: transparent;
$color-red: #E11F14;

$color-error: #FF0000;

// CLASSES COLOR

.color-black {
    color: $color-black;
}

.color-white {
    color: $color-white;
}

.color-black-light {
    color: $color-black-light;
}

.color-grey-darker {
    color: $color-grey-darker;
}

.color-grey-dark {
    color: $color-grey-dark;
}

.color-grey {
    color: $color-grey;
}

.color-grey-light {
    color: $color-grey-light;
}

.color-golden {
    color: $color-golden;
}

.color-golden-dark {
    color: $color-golden-dark;
}

.color-transparent {
    color: $color-transparent;
}

// CLASSES BACKGROUND COLOR

.bg-color-black {
    background-color: $color-black;
}

.bg-color-white {
    background-color: $color-white;
}

.bg-color-black-light {
    background-color: $color-black-light;
}

.bg-color-grey-darker {
    background-color: $color-grey-darker;
}

.bg-color-grey-dark {
    background-color: $color-grey-dark;
}

.bg-color-grey {
    background-color: $color-grey;
}

.bg-color-grey-light {
    background-color: $color-grey-light;
}

.bg-color-golden {
    background-color: $color-golden;
}

.bg-color-golden-dark {
    background-color: $color-golden-dark;
}



