/* Variables */
:root {
    /* Colors */
    --color-primary: #FFCC2A;
    --color-secondary: #51648b;
    --color-terciary: #F23545;
    --color-light: #fff;
    --color-light-gray : #d1d1d1;
    --color-medium-gray : #717171;
    --color-dark-gray : #313131;
    --color-dark : #111;
    /* Fonts Style */
    /* lexend bold|regular e inter regular|bold */
    --font-style-basic: 'Roboto', sans-serif;
    --font-size-basic: 18px;
    --line-height-basic: 18px;
    /* z-index patterns */
    --z-bg-index: 0;
    --z-base-index: 1;
    --z-medium-index: 10;
    --z-top-index: 20;
    /* Space Unity*/
    --space-unity: 10px;
    /* Font-Weight */
    --font-thin: 100;
    --font-regular: 400;
    --font-bold: 600;
    --font-extra-bold: 900;
}