:root {
    --color-accent: #5C3B8F;
    --color-headers-buttons: #4E3182;
    --color-accent-dark: #452d6e;
    --color-primary: #7a59ad;
    --color-primary-dark: #452d6e;
    --color-text: #2d2d2d;
    --color-secondary: #5C3B8F;
    --color-button-text: #fff;
    --color-button-secondary-bg: #c4b5fd;
}

.color-accent {
    color: var(--color-accent);
}

.color-primary {
    color: var(--color-primary);
}

.color-primary-alt {
    color: var(--color-primary-alt);
}

.color-color-text {
    color: var(--color-text);
}

.color-secondary {
    color: var(--color-secondary);
}

.bg-color-accent {
    background-color: var(--color-accent);
}

.bg-color-primary {
    background-color: var(--color-primary);
}

.bg-color-primary-alt {
    background-color: var(--color-primary-alt);
}

.bg-color-color-text {
    background-color: var(--color-text);
}

.bg-color-color-secondary {
    background-color: var(--color-secondary);
}