:root{
    --background-primary: var(--primary-color);
    --background-primary-image: linear-gradient(51deg, var(--primary-light-color) 0%, var(--primary-dark-color) 100%);
    --background-primary-color: var(--light-color);
    --background-secondary: var(--grey-color);
    --background-secondary-image: none;
    --background-secondary-color: var(--light-color);
    --background-primary-rgb:var(--primary-color-rgb);
}

.uk-background-primary, .uk-section-primary {
    background-color: var(--background-primary);
    background-image: var(--background-primary-image);
}

.uk-background-primary, .uk-section-primary:not(.uk-preserve-color) {
    color: var(--background-primary-color);
}

.uk-background-secondary, .uk-section-secondary {
    background-color: var(--background-secondary);
    background-image: var(--background-secondary-image);
}

.uk-background-secondary, .uk-section-secondary:not(.uk-preserve-color) {
    color: var(--background-secondary-color);
}

.uk-background-primary-opacity {
  background: rgba(var(--background-primary-rgb), var(--opacity))
}