/* Barvy */

:root {
    /* Barvy základní */
    --black: #000000;
    --gray: #c6c6c6;
    --gray-light: #f9f9f9;
    --gray-dark: #dddddd;
    --white: #ffffff;

    --yellow: #ffef2c;
    --yellow-light: #fdf7af;
    --blue: #140170;
    --blue-dark: #0d0241;

    --purple-light: #f8f7fb;

    --orange: #f8b469;
    --pink-light: #f5b7d4;
    --pink-dark: #f29597;
    --green: #bbd151;
    --purple: #aeafd9;
    --blue-light: #9ad7f6;
}

.bg-yellow {
    background-color: var(--yellow);
}

.bg-blue,
.has-bg-blue {
    background-color: var(--blue);
}

.bg-purple-light,
.has-bg-light-blue {
    background-color: var(--purple-light);
}

.bg-orange {
    background-color: var(--orange);
}

.bg-pink-light {
    background-color: var(--pink-light);
}

.bg-pink-dark {
    background-color: var(--pink-dark);
}

.bg-green {
    background-color: var(--green);
}

.bg-purple {
    background-color: var(--purple);
}

.bg-light-blue {
    background-color: var(--purple-light);
}

.bg-grey {
    background-color: var(--gray-dark);
}

.bg-light-grey {
    background-color: var(--gray-light);
}

.bg-red {
    background-color: var(--pink-dark);
}