/* VARIÁVEIS DO PROJETO */
:root{
    --font-1: 'Urbanist',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-2: 'Fascinate', system-ui;
    --font-fa: 'Font Awesome 5 Pro';

    /* --primary:     var(--user-600);
    --primary-rgb: var(--user-600-rgb); */

    --user-red: #c53b39;
    --user-orange: #f9713d;
    --user-beige: #fadac1;
    --user-blue: #51a4ac;
    --user-dark-blue: #1d313c;

    --user-red-rgb: 197, 59, 57;
    --user-orange-rgb: 249, 113, 61;
    --user-beige-rgb: 250, 218, 193;
    --user-blue-rgb: 81, 164, 172;
    --user-dark-blue-rgb: 29, 49, 60;

    /* Grey */
    --base-100: #e7e6e6;
    --base-200: #d1d0d0;
    --base-300: #b2aeae;
    --base-400: #8a8687;
    --base-500: #6f6b6c;
    --base-600: #5f5b5b;
    --base-700: #504e4f;
    --base-800: #464445;
    --base-900: #3d3c3c;
    --base-950: #1e1d1d;

    --base-100-rgb: 231, 230, 230;
    --base-200-rgb: 209, 208, 208;
    --base-300-rgb: 178, 174, 174;
    --base-400-rgb: 138, 134, 135;
    --base-500-rgb: 111, 107, 108;
    --base-600-rgb: 95, 91, 91;
    --base-700-rgb: 80, 78, 79;
    --base-800-rgb: 70, 68, 69;
    --base-900-rgb: 61, 60, 60;
    --base-950-rgb: 30, 29, 29;

    /* Notifications */
    --success:     #0aa167;
    --success-alt: #C6F7D6;
    --erro:        #CA0E09;
    --erro-alt:    #FBC6C5;
    --warning:     #D86C08;
    --warning-alt: #F8EED3;
    --info:        #004F9E;
    --info-alt:    #CAE4FE;
    --tip:         #3A20A9;
    --tip-alt:     #E4DFFF;
    --success-rgb:     10, 161, 103;
    --success-alt-rgb: 198, 247, 214;
    --erro-rgb:        202, 14, 9;
    --erro-alt-rgb:    251, 198, 197;
    --warning-rgb:     216, 108, 8;
    --warning-alt-rgb: 248, 238, 211;
    --info-rgb:        0, 79, 158;
    --info-alt-rgb:    202, 228, 254;
    --tip-rgb:         58, 32, 169;
    --tip-alt-rgb:     212, 205, 255;

    --white: #ffffff;
    --white-rgb: 255, 255, 255;
    --black: #000000;
    --black-rgb: 0, 0, 0;

    --dark:         var(--base-800);
    --dark-alt:     var(--base-600);
    --dark:         var(--base-800-rgb);
    --dark-alt:     var(--base-600-rgb);

    --gap: 2rem;
    --pd: var(--gap);
    --mr: var(--gap);

    --space-sm: calc(var(--gap) / 2);
    --space:    var(--gap);
    --space-md: calc(var(--gap) * 2);
    --space-lg: calc(var(--gap) * 3);
    --space-xl: calc(var(--gap) * 4);

    --radius: .8rem;

    --smooth: 300ms all ease-out;

    --shadow-sm: rgba(var(--user-800-rgb), 0.35) 0px 10px 15px -5px;
    --shadow: rgba(var(--user-800-rgb), 0.55) 0px 20px 25px -15px;
    --shadow-lg: rgba(var(--user-700-rgb), 0.25) 0px 50px 100px -20px, rgba(var(--user-800-rgb), 0.3) 0px 30px 60px -30px;
    --shadow-theme: 2.5rem 2.5rem 0 0 var(--apoio), -1.8rem -1.8rem 0 0 var(--primary);
    
    --shadow-apoio: rgba(var(--apoio-dark-rgb), 0.55) 0px 25px 25px -15px;
    --shadow-apoio-lg: rgba(var(--apoio-dark-rgb), 0.25) 0px 50px 100px -20px, rgba(var(--black-rgb), 0.3) 0px 30px 60px -30px;

    --facebook:     #3b5998;
    --twitter:      #00aced;
    --twitter:      #000000;
    --x:            #000000;
    --tiktok:       #000000;
    --linkedin:     #007bb6;
    --youtube:      #FF0000;
    --instagram:    #ff0069;
    --pinterest:    #cb2027;
    --behance:      #1769ff;
    --skype:        #00aff0;
    --twitch:       #6441a5;
    --spotify:      #1ed760;
    --telegram:     #0088cc;
    --whatsapp:     #25d366;
    --whatsapp-alt: #128C7E;

    --clamp-title: clamp(2.6rem, -0.5rem + 3.9063vw, 5rem);
    --clamp-subtitle: clamp(1.4rem, -0.5rem + 3.9063vw, 2.2rem);
}