:root {
    --color-primary: #327BBF;
    --color-secondary: #356CA0;
    --color-tertiary: #007EF5;
    --color-neutral: #3B5975;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

.text-tertiary {
    color: var(--color-tertiary ) !important;
}

.text-neutral {
    color: var(--color-neutral ) !important;
}

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

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

.bg-tertiary {
    background: var(--color-tertiary ) !important;
}

.bg-neutral {
    background: var(--color-neutral ) !important;
}

.bg-ads {
    background: #9C9B9B;
}

.btn-learning {
    background: #E36C07;
}

.btn-learning:hover {
    background: #f8821a;
}