:root, body {
    --learn-primary: #93001F !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: #BC0042 !important;
    --learn-success: #198754 !important;
    --learn-warning: #ffc107 !important;
    --learn-danger: #dc3545 !important;
    --learn-base-font-size: 16px !important;
}

/* Custom CSS */
body::before {
    content: "CUSTOM CSS WORKS";
    position: fixed;
    top: 60px;
    left: 60px;
    background: red;
    color: white;
    padding: 20px;
    font-size: 30px;
    z-index: 999999;
}