:root {
    --letras: hsl(227, 13%, 73%);
    --amarelo: hsl(41, 95%, 61%);
    --preco-positivo: hsl(142, 43%, 54%);
    --azulescuro_10: hsla(222, 100%, 61%, 0.05);
    --preto_30: hsla(0, 0%, 6%, 0.3);
    --bg-1: hsl(240, 5%, 8%);
    --bg-2: hsl(228, 9%, 10%);
    --cinza-escuro: hsl(225, 15%, 16%);
    --azul: hsl(222, 100%, 61%);
    --prata: hsl(223, 10%, 52%);
    --preco-negativo: hsl(0, 64%, 52%);
    --cinzaazulado_50: hsla(230, 16%, 22%, 0.5);
    --cinza-claro: hsl(0, 0%, 85%);
    --bordabranca: hsl(0, 0%, 93%);
    --branco_50: hsla(0, 0%, 100%, 0.5);
    --branco_30: hsla(0, 0%, 100%, 0.3);
    --branco_10: hsla(0, 0%, 100%, 0.1);
    --preto_10: hsla(0, 0%, 0%, 0.1);
    --branco: hsl(0, 0%, 100%);
    
    /* gradient */

    --gradient: linear-gradient(90deg, var(--branco_10) 0px 77%, var(--branco_50) 92%, transparent);

    /* fontes */

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

    --fontsize-1: 3.2rem;
    --fontsize-2: 3rem;
    --fontsize-3: 2.4rem;
    --fontsize-4: 2rem;
    --fontsize-5: 1.8rem;
    --fontsize-6: 1.5rem;
    --fontsize-7: 1.4rem;
    --fontsize-8: 1.2rem;

    --fontw-500: 500;
    --fontw-700: 700;

    /* Espaçamento */

    --section-padding: 100px;

    /* Sombras */

    --sombra-1: 0px 4px 8px var(--preto_10);
    --sombra-2: 0px 30px 10px -20px var(--preto_30);
    --sombra-3: 0px 15px 10px -20px var(--preto_30);

    /* Raio das bordas */

    --radius-12: 12px;
    --radius-24: 24px;

    /* Transições */

    --transition-1: 0.25s ease;
    --transition-2: 0.5s ease;
    --transition-3: 1s ease;
    --cubic-out: cubic-bezier(0.33, 0.85, 0.4, 0.96);
}