/*-----------------------------------------------------------------*\
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
 |S| GENERAL SETTINGS
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
\*-----------------------------------------------------------------*/

/* GENERAL SETTINGS
////////////////////////////////////////////////////
///////////// || VARIABLES
////////////////////////////////////////////////////
*/
:root {

    /*  
    background-color: rgba(255, 0, 0, 0.428); Signal color
    */ 

    /* COLORS */
    
    --white-100: #ffffff;
    --white-50: #fffefb;
    --white-40: #fefcf3;
    --white-10: #f1ebd1;
    
    --black-0: black;
    --black-50: #323232;
    
    --dark-1-0: #423f37;
    --dark-1-50: #989782;
    --dark-1-60: #BAB9AB;

    --main-1-50: gray;
    
    --main-1-20: #888411;
    --main-1-30: #989411;
    --main-1-40: #9c9824;
    --main-1-50: #A19D2C;
    --main-1-60: #B1AD4E;
    --main-1-100: #E5E4C4;


}

/*-----------------------------------------------------------------*\
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
 |S| GENERAL STYLE
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
\*-----------------------------------------------------------------*/

body {
    background-color: var(--main-1-50);
}

p {
    color: var(--black-50)
}


/*-----------------------------------------------------------------*\
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
 |S| STYLE CLASSES
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
\*-----------------------------------------------------------------*/


/* Bright */
.Color-Bright-1 {
    color: var(--main-1-50);
}
.Color-Bright-2 {
    color: var(--main-1-50);
}
.Color-Bright-3 {
    color: var(--main-1-50);
}
.Color-Bright-4 {
    color: var(--main-1-50);
}

/* Dark */
.Color-Dark-1 {
    color: var(--main-1-50);
}
.Color-Dark-2 {
    color: var(--main-1-50);
}
.Color-Dark-3 {
    color: var(--main-1-50);
}
.Color-Dark-4 {
    color: var(--main-1-50);
}

/* Style */
.Color-Style-1 {
    background-color: var(--main-1);
    color: var(--main-1-50);
}
.Color-Style-2 {
    background-color: var(--main-1);
    color: var(--main-1-50);
}
.Color-Style-3 {
    background-color: var(--main-1);
    color: var(--main-1-50);
}
.Color-Style-4 {
    background-color: var(--main-1);
    color: var(--main-1-50);
}