:root {
    --united-dark-background-color: #000;
    --united-dark-general-text-color: #85817C;
    --united-dark-link-color: #E8E5E4;
    --united-dark-link-hover-color: #85817C;

    --united-dark-border-color: #1F1F1F;
    --united-dark-gridline-color: #fff;
    --united-dark-primary-background: #1d2327;
    --united-dark-primary-text: #fff;

    --united-dark-rgb-primary: 255, 255, 255;
    --united-dark-rgb-secondary: 0, 0, 0;

    --united-dark-footer-background: #000;
}

[data-theme="dark"] {
    --united-background-color: var(--united-dark-background-color);
    --united-general-text-color: var(--united-dark-general-text-color);
    --united-link-color: var(--united-dark-link-color);
    --united-link-hover-color: var(--united-dark-link-hover-color);


    --united-gridline-color: var(--united-dark-gridline-color);
    --united-primary-background: var(--united-dark-primary-background);
    --united-primary-text: var(--united-dark-primary-text);
    --united-border-color: var(--united-dark-border-color);


    --united-rgb-primary: var(--united-dark-rgb-primary);
    --united-rgb-secondary: var(--united-dark-rgb-secondary);
}

[data-theme="dark"] body.custom-background {
    background-color: var(--united-dark-background-color);
}

[data-theme="dark"] .site-footer {
    --united-footer-background: var(--united-dark-footer-background);
}
