:root{

    /* Color styles */
    --white: rgba(255, 255, 255, 1);
    --vermelho-erro: rgba(255, 112, 112, 1);
    --preto--100: rgba(70, 70, 70, 1);
    --preto--50: rgba(163, 163, 163, 1);
    --preto--30: rgba(199, 199, 199, 1);
    --preto--10: rgba(236, 236, 236, 1);
    --preto--5: rgba(246, 246, 246, 1);
    --primária--100: rgba(120, 1, 202, 1);
    --primária--90: rgba(133, 26, 207, 1);
    --primária--80: rgba(147, 52, 213, 1);
    --primária--70: rgba(161, 77, 218, 1);
    --primária--60: rgba(174, 103, 223, 1);
    --primária--50: rgba(187, 128, 228, 1);
    --primária--40: rgba(201, 153, 234, 1);
    --primária--30: rgba(215, 179, 239, 1);
    --primária--20: rgba(228, 204, 244, 1);
    --primária--10: rgba(241, 230, 250, 1);
    --secundária--100: rgba(138, 192, 253, 1);
    --secundária--60: rgba(173, 211, 254, 1);
    --secundária--40: rgba(196, 223, 254, 1);
    --secundária--20: rgba(232, 242, 255, 1);
    --secundária--terciária--100: rgba(182, 206, 44, 1);
    --secundária--terciária--60: rgba(206, 223, 114, 1);
    --secundária--terciária--40: rgba(107, 125, 6, 1);
    --secundária--terciária--20: rgba(166, 177, 106, 1);

    /* Text-size styles */
    /* base size: corpo---texto--corrido (16px) */
    --título---h1: 3.25rem;
    --título---h2: 2.5rem;
    --título---h3: 2rem;
    --título---h4: 1.62rem;
    --título---h5: 1.25rem;
    --corpo---texto--grande: 1.25rem;
    --corpo---texto--corrido: 1rem;
    --corpo---texto--corrido--bold: 1rem;
    --corpo---texto--menor: 0.88rem;
    --corpo---texto--menor--bold: 0.88rem;
    --legenda---legenda: 0.75rem;
    --legenda---legenda--menor: 0.62rem;

    /* Effect styles */
    --card:  0px 1px 3px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
    --botăo:  0px 2px 6px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
    --menu:  0px 1px 3px rgba(0, 0, 0, 0.3), 0px 4px 8px rgba(0, 0, 0, 0.15);
    --card--elevado:  0px 2px 3px rgba(0, 0, 0, 0.3), 0px 6px 10px rgba(0, 0, 0, 0.15);
    --modal:  0px 4px 4px rgba(0, 0, 0, 0.3), 0px 8px 12px rgba(0, 0, 0, 0.15);

    
    /* Font Family */
    --default: 'Montserrat', sans-serif;
}