:root {
    --color-primary: #EC1F26;
    --color-primary-hover-light: #f0d9da;
    --color-primary-hover-regular: #de252b;
    --color-primary-hover-dark: #c50e14;
    --color-btn-primary: #fff;
    --background-color-box: var(--color-primary);
    --background-color-footer: #fff;
    --border-color-footer: var(--border-color);
    --color-footer: var(--color-text-primary);
    --color-footer-secondary: var(--color-text-secondary);
    --color-footer-tertiary: var(--color-text-tertiary);
    --color-footer-social: var(--border-color);
}

footer{
    position: relative;
}

footer::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 50vh;
    pointer-events: none;
    z-index: -1;
    background-image: url(../../../dist/images/site-10-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
}

.footer-nav-social a img {
    filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(163deg) brightness(90%) contrast(93%);
}