:root, body {
    --learn-primary: #0f6cbf !important;
    --brand-25: color-mix(in srgb, var(--learn-primary) 5%, white) !important;
    --brand-50: color-mix(in srgb, var(--learn-primary) 10%, white) !important;
    --brand-100: color-mix(in srgb, var(--learn-primary) 20%, white) !important;
    --brand-200: color-mix(in srgb, var(--learn-primary) 30%, white) !important;
    --brand-300: color-mix(in srgb, var(--learn-primary) 50%, white) !important;
    --brand-400: color-mix(in srgb, var(--learn-primary) 70%, white) !important;
    --brand-500: var(--learn-primary) !important;
    --brand-600: var(--learn-primary) !important;
    --brand-700: color-mix(in srgb, var(--learn-primary) 90%, black) !important;
    --brand-800: color-mix(in srgb, var(--learn-primary) 80%, black) !important;
    --brand-900: color-mix(in srgb, var(--learn-primary) 70%, black) !important;
    --brand-950: color-mix(in srgb, var(--learn-primary) 60%, black) !important;
    --learn-secondary: #6c757d !important;
    --learn-success: #198754 !important;
    --learn-warning: #ffc107 !important;
    --learn-danger: #dc3545 !important;
    --learn-base-font-size: 16px !important;
}