@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'kabelbold';
    src: url('/fonts/kabel/kabel_bold_1-webfont.woff2') format('woff2'),
         url('/fonts/kabel/kabel_bold_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root {
    /* TIPOGRAFIA */
    --primary_font: "Lato", sans-serif;
    --secondary_font: 'KabelBold', sans-serif;

    --accordion_radius: 24px;

    /* SITO */
    --black: #666650;
    --white: #fff;
    --glicine: #5E60CE;
    --deep_glicine: #E7E7FF;
    --light_glicine: #B5C3E5;
    --color_primary: #AF3101;

    /* OPACITY */
    --opacity_30: #00000030;
    --opacity_60: #00000060;
    --opacity_70: #00000070;
    --opacity_90: #00000090;
    --white_opacity_10: #ffffff10;
    --white_opacity_20: #ffffff20;
    --white_opacity_30: #ffffff30;
    --white_opacity_40: #ffffff40;
    --white_opacity_50: #ffffff50;
    --white_opacity_60: #ffffff60;
    --white_opacity_70: #ffffff70;
    --white_opacity_80: #ffffff80;
    --white_opacity_90: #ffffff90;

    /* SOCIAL COLOR */
    --facebook_color: #1877F2;
    --twitter_color: #1DA1F2;
    --linkedin_color: #0A66C2;
    --youtube_color: #CD201F;
    --instagram_color: #E4405F;
    --google_color: #db4a39;
    --whastapp_color: #25D366;

    /* GRAY SCALE */
    --gray-50: #FAFAFA;
    --gray-100: #F5F5F5;
    --gray-200: #EEEEEE;
    --gray-300: #E0E0E0;
    --gray-400: #BDBDBD;
    --gray-500: #9E9E9E;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #1d1d1b;
}
