:root {
    --color-accent: #f6e71b;
    --color-primary: #000000;
    --color-primary-alt: #dddfe5;
    --color-secondary: #ffffff;
    --color-text: #000000;
    --color-text-alt: #000000;
}

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

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

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

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

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

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

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

.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-secondary {
    background-color: var(--color-secondary);
}