:root {

    /* ==========================
       CORES
    ========================== */

    --color-background:
    linear-gradient(
        213deg,
        #0E0E20 12.72%,
        #0E0E15 86.33%
    );

    --color-primary: #4D4DFF;

    --color-primamay-black: #0E0E15;

    --color-primary-light: #6D6DFF;

    --color-white: #FBF8FC;

    /* Quiz / index page */
    --color-bg-quiz: #2B2B31;

    /* Páginas de história */
    --color-bg-historia: #2B2B31;

    --color-text-muted: #C3C3C5;

    --color-card-bg: rgba(251, 248, 252, 0.20);

    --color-border: rgba(251, 248, 252, 0.50);

    --color-border-header: #212128;

    /* ==========================
       TIPOGRAFIA
    ========================== */

    --font-primary:
    'Montserrat',
    sans-serif;

    --font-code:
    'Source Code Pro',
    monospace;

    /* ==========================
       ESCALA
    ========================== */

    --text-xs: 12px;

    --text-sm: 14px;

    --text-md: 16px;

    --text-lg: 24px;

    --text-xl: 32px;

    --text-2xl: 40px;

    --text-3xl: 48px;

    --text-4xl: 56px;

    /* ==========================
       LAYOUT
    ========================== */

    --container-width: 1024px;

    --radius: 5px;

}