:root{
    /* FONTS */

    --font-dm-sans: 'DM Sans' , sans-serif;

    /* COLORS */

    --dark : #000000;
    --light-dark : #121212;
    --gray : #242424;
    --white : #ffffff;
    --light-gray : #9f9f9f;

    --bg-icon: #131313;
    --bg-arrow-color: rgba(0,0,07);


    --gap: 10px;

    /* COLOR CARDS */
    --card1: rgb(0, 100, 80);
    --card2: rgb(132, 0, 231);
    --card3: rgb(30, 50, 100);
    --card4: rgb(140, 25, 50);
    --card5: rgb(232, 17, 91);
    --card6: rgb(83, 122, 161);
    --card7: rgb(142, 102, 172);
    --card8: rgb(20, 138, 8);
    --card9: rgb(30, 50, 100);
    --card10: rgb(233, 20, 41);
    --card11: rgb(80, 55, 80);
    --card12: rgb(216, 64, 0);
}