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

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