:root {
    --main-color: #a306b6;
    --main-color-light: #edddef;
    --main-color-200: #e5c5e8;
    --main-color-inverse: #faf45e;

    --main-color-banner: var(--white);
    --main-color-banner-inverse: var(--main-color);
    --main-color-navbar: transparent;
    --main-color-navbar-inverse: var(--dark);

    --warning-color: #a306b6;
    --warning-color-inverse: #faf45e;
    --warning-outline-color: var(--dark);

    --info-color: #d495dc;
    --info-color-inverse: #1D1D1B;

    --main-link-color: var(--main-color);
}