/**
 * @file
 * The variables.
 *
 * It includes styles variables for colors.
 */

/**
 * Global variables
 */

 :root {
    --color-primary--1: #2B2B3A;
    --color-primary--2: #575775;
    --color-primary--3: #8A8AA8;
    --color-primary--4: #C4C4D4;
    --color-primary--5: #E2E2E9;
    --color-primary--6: #F9F9FB;

    --color-secondary--1: #212845;
    --color-secondary--2: #39467A;
    --color-secondary--3: #8592C6;
    --color-secondary--4: #BAC1DE;
    --color-secondary--5: #DCE0EF;
    --color-secondary--6: #EEEFF7;

    --color-neutral: #FFFFFF;

    --color-news--1: #F0E6A8;
    --color-news--2: #D4BB25;
    --color-news--3: #574D0F;

    --color-youth--1: #BDD9DB;
    --color-youth--2: #39A2B0;
    --color-youth--3: #19474D;

    --color-culture--1: #F0A8A8;
    --color-culture--2: #BA2121;
    --color-culture--3: #570F0F;

    --color-heritage--1: #B3E6E3;
    --color-heritage--2: #339993;
    --color-heritage--3: #194D4A;

    --color-fictions--1: #FACA9E;
    --color-fictions--2: #DA6F0B;
    --color-fictions--3: #793E06;

    --color-history--1: #CDCCCB;
    --color-history--2: #7E7B77;
    --color-history--3: #41403E;

    --color-space--1: #9EC6FA;
    --color-space--2: #0B66DA;
    --color-space--3: #063979;

    --color-sport--1: #BEE5B2;
    --color-sport--2: #5CBF40;
    --color-sport--3: #2E6020;
 }