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

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