/* VARIÁVEIS DO PROJETO */
:root{
    --font-1: 'neue-haas-grotesk-display',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-1: 'Inter',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-blog: 'Source Serif 4', serif;
    --font-fa: 'Font Awesome 5 Pro';

    --primary:     var(--user-500);
    --primary-rgb: var(--user-500-rgb);

    --base-color: var(--base-700);
    --base-color-rgb: var(--base-700-rgb);

    /* User */
    --user-50: #f0f8ff;
    --user-100: #e0f0fe;
    --user-200: #b9e1fe;
    --user-300: #7ccbfd;
    --user-400: #36b1fa;
    --user-500: #0c97eb;
    --user-600: #006eb9;
    --user-700: #015ea3;
    --user-800: #065186;
    --user-900: #0b436f;
    --user-950: #072b4a;
    --user-50-rgb: 240, 248, 255;
    --user-100-rgb: 224, 240, 254;
    --user-200-rgb: 185, 225, 254;
    --user-300-rgb: 124, 203, 253;
    --user-400-rgb: 54, 177, 250;
    --user-500-rgb: 12, 151, 235;
    --user-600-rgb: 0, 110, 185;
    --user-700-rgb: 1, 94, 163;
    --user-800-rgb: 6, 81, 134;
    --user-900-rgb: 11, 67, 111;
    --user-950-rgb: 7, 43, 74;

    /* Apoio */
    --apoio-50: #faf5ff;
    --apoio-100: #f4e8ff;
    --apoio-200: #ebd5ff;
    --apoio-300: #dbb4fe;
    --apoio-400: #c384fc;
    --apoio-500: #aa55f7;
    --apoio-600: #9333ea;
    --apoio-700: #7c22ce;
    --apoio-800: #6821a8;
    --apoio-900: #541c87;
    --apoio-950: #380764;
    --apoio-50-rgb: 250, 245, 255;
    --apoio-100-rgb: 244, 232, 255;
    --apoio-200-rgb: 235, 213, 255;
    --apoio-300-rgb: 219, 180, 254;
    --apoio-400-rgb: 195, 132, 252;
    --apoio-500-rgb: 170, 85, 247;
    --apoio-600-rgb: 147, 51, 234;
    --apoio-700-rgb: 124, 34, 206;
    --apoio-800-rgb: 104, 33, 168;
    --apoio-900-rgb: 84, 28, 135;
    --apoio-950-rgb: 56, 7, 100;

    /* Engage */
    --engage-50: #e6faf6;
    --engage-100: #c2f4e9;
    --engage-200: #99eddb;
    --engage-300: #70e5cc;
    --engage-400: #47debe;
    --engage-500: #1ed6af;
    --engage-600: #15ac8c;
    --engage-700: #0c826a;
    --engage-800: #035847;
    --engage-900: #002e24;
    --engage-950: #001714;
    --engage-50-rgb: 230, 250, 246;
    --engage-100-rgb: 194, 244, 233;
    --engage-200-rgb: 153, 237, 219;
    --engage-300-rgb: 112, 229, 204;
    --engage-400-rgb: 71, 222, 190;
    --engage-500-rgb: 30, 214, 175;
    --engage-600-rgb: 21, 172, 140;
    --engage-700-rgb: 12, 130, 106;
    --engage-800-rgb: 3, 88, 71;
    --engage-900-rgb: 0, 46, 36;
    --engage-950-rgb: 0, 23, 20;

    /* Grey */
    --base-100: #f3f4f6;
    --base-200: #e5e7eb;
    --base-300: #d1d5db;
    --base-400: #9ca3af;
    --base-500: #6b7280;
    --base-600: #4b5563;
    --base-700: #374151;
    --base-800: #1f2937;
    --base-900: #111827;
    --base-950: #030712;
    --base-100-rgb: 243,244,246;
    --base-200-rgb: 229,231,235;
    --base-300-rgb: 209,213,219;
    --base-400-rgb: 156,163,175;
    --base-500-rgb: 107,114,128;
    --base-600-rgb: 75,85,99;
    --base-700-rgb: 55,65,81;
    --base-800-rgb: 31,41,55;
    --base-900-rgb: 17,24,39;
    --base-950-rgb: 3,7,18;

    /* Link */
    --link-color: #00aff0;

    /* 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: 150ms all ease-out; */
    --smooth: all .2s cubic-bezier(0.25, 0.1, 0.25, 1);

    --shadow-sm: rgba(var(--base-800-rgb), 0.35) 0px 10px 15px -5px;
    --shadow: rgba(var(--base-800-rgb), 0.1) 0px 10px 15px -3px, rgba(var(--base-800-rgb), 0.05) 0px 4px 6px -2px;
    --shadow-lg: rgba(var(--base-700-rgb), 0.25) 0px 50px 100px -20px, rgba(var(--base-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);

    --text-shadow: 0px 3px 10px rgba(var(--black-rgb), .4);

    --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-xx: 1.2rem + 0.6vw;
    --clamp-xs: 1.2rem + 0.6vw;
    --clamp-sm: 1.7rem + 1vw;
    --clamp-lg: 2.3rem + 1.6vw;
    --clamp-xl: 2.9rem + 2.2vw;
    
    --clamp-text-xx:  clamp(1.4rem, var(--clamp-xx), 1.6rem);
    --clamp-text-xs:  clamp(1.4rem, var(--clamp-xs), 2.4rem);
    --clamp-text-sm:  clamp(2.0rem, var(--clamp-sm), 3.6rem);
    --clamp-text-lg:  clamp(2.8rem, var(--clamp-lg), 5.4rem);
    --clamp-text-xl:  clamp(3.6rem, var(--clamp-xl), 7.0rem);

    --height-header: 10.4rem;
}