:root {
    --body-background-color: #ffffff;
    --body-color: #333333;

    --wrapper-background-color: #f4f4f4;

    --navigation-logo_sign-color: #000000;
    --navigation-background-color: 255,255,255;
    --navigation-background-color-opacity: 1;

    --bg-scroller-color: #fe4274;

    --link-color: #000000;
    --link-hover-color: #000000;

    --text-muted-color: #888888;

    --btn-primary-background-color: #fe4274;
    --btn-primary-border-color: #fe4274;
    --btn-primary-color: #ffffff;
    --btn-primary-hover-background-color: #ffffff;
    --btn-primary-hover-border-color: #fe4274;
    --btn-primary-hover-color: #000000;
}


@media (prefers-color-scheme: dark) {

    :root {
        --body-background-color: #ffffff;

        --body-color: #ffffff;

        --wrapper-background-color: #121212;

        --navigation-logo_sign-color: #FFFFFF;
        --navigation-background-color: 0,0,0;
        --navigation-background-color-opacity: 0.2;

    }
}