//settings
$font-main: "Roboto Regular", sans-serif;
$font-roboto-thin:"Roboto Thin", sans-serif;
$font-roboto-light:"Roboto Light", sans-serif;
$font-roboto-regular:"Roboto Regular", sans-serif;
$font-roboto-bold:"Roboto Bold", sans-serif;
$font-lora:"Lora", serif;
$font-raleway:"Raleway", sans-serif;
$fontIcon: "icomoon";

$font-cicle-italic: "Cicle Semi Italic", sans-serif;
$font-cicle: "Cicle Semi", sans-serif;
$font-Young-Serif:"Young Serif", serif;
$font-gloock:"Gloock", serif;
$font-caprasimo:"Caprasimo", serif;
$font-poppins:"Poppins", serif;
$font-Libre-Baskerville: "Libre Baskerville", serif;
$font-sora:"Sora", serif;
$font-readex-pro:"Readex Pro", serif;
$font-avenir:"Avenir", sans-serif;

:root{
    // color
    --main: #473D28;
    --white: #ffffff;
    --black: #000000;
    --primary: #db1215;
    --red_1: #F3393B;
    --backdrop: rgba(0, 0, 0, 0.5);
    --yellow: #ffb321;
    --brown: #473d29;
    --gray-background: #EFEFEF;
    --brown-background: #C8B697;
    --dark-brown-background: #7a6157;
    --form-background: #F7F4F0;
    --footer-background: #665B57;

    // rgba color
    --main-rgba-1: rgba(0, 0, 0, 0.16);
    --main-rgba-2: rgba(0, 0, 0, 0.15);

    // text color
    --text: #545454;
    --text-2:#909090;
    --text-3:#868686;
    --line: #bbbbbb;
    --line-2: #ececec;
    // background color
    --bg-1: #fcfbf9;
    --bg-2: #f6f6f6;
    --bg-3: #fcffb2;
    --bg-4: #c9f4aa;
    --bg-5: #ff7b54;
    --bg-6: #8054ff;
    --bg-7: #f1f0ed;
    --bg-8: #f0edf1;
    --bg-9: #edeef1;
    --bg-10: #fcfbf9;
    --bg-11: #f2f2f2;

    --success: #31A56D;

    --bg-load: #d9d9d9;

    --bg-scrollbar-track: #f1f1f1;
    --bg-scrollbar-thumb: #c1c1c1;
}

.color-primary-2{
    --primary:#814037;
}

.color-primary-3{
    --primary:#93f859;
}

.color-primary-4{
    --primary:#000;
}

.color-primary-5 {
    --primary : #67c08f;
}
.color-primary-6 {
    --primary: #a45f3b;
}
.color-primary-7{
    --primary: #a6e57c;
}
.color-primary-8{
    --primary: #61b482;
}
.color-primary-9{
    --primary: #ff0b0b;
}
.color-primary-10{
    --primary: #fd8484;
}
.color-primary-11{
    --primary: #214332;
}
.color-primary-12{
    --primary: #f67d0d;
}
.color-primary-13{
    --primary: #3c71d7;
}
.color-primary-14{
    --primary: #9914f2;
}
.color-primary-main{
    --primary: #000000;
}

.color-white {

}

// text color main
.color-main-text-2{
    --main:#253d4e;
}