:root {
    --color-footer-bar-primary: #ada49f;
    --color-footer-bar-bg: #ffffff;
    --color-footer-bar-text: #4f4f4f;
    --color-footer-bar-primary-alt: color-mix(in srgb, var(--color-footer-bar-primary) 85%, #000 15%);
    --color-footer-bar-bg-alt: color-mix(in srgb, var(--color-footer-bar-bg) 92%, var(--color-footer-bar-primary) 8%);
    --color-footer-bar-text-alt: color-mix(in srgb, var(--color-footer-bar-text) 60%, var(--color-footer-bar-bg) 40%);
    --color-footer-bar-border: color-mix(in srgb, var(--color-footer-bar-text) 15%, var(--color-footer-bar-bg) 85%);
}

.site-footer-bar {
    --color-primary: var(--color-footer-bar-primary);
    --color-primary-alt: var(--color-footer-bar-primary-alt);
    --color-bg: var(--color-footer-bar-bg);
    --color-bg-alt: var(--color-footer-bar-bg-alt);
    --color-text: var(--color-footer-bar-text);
    --color-text-alt: var(--color-footer-bar-text-alt);
    --color-border: var(--color-footer-bar-border);
}