:root {
    --lms-brand: #2f5bea;
    --lms-brand-light: #6f8cec;
    --lms-brand-tint-1: #f2f3f8;
    --lms-brand-tint-2: #e0e4f0;
    --lms-brand-tint-text: #466dec;
    --lms-shadow-brand-sm: rgba(47, 91, 234, 0.08);
    --lms-shadow-brand-focus: rgba(47, 91, 234, 0.12);
    --lms-shadow-brand-active: rgba(47, 91, 234, 0.25);
}

:root[data-theme="dark"] {
    --lms-brand: #4a72f2;
    --lms-brand-light: #839ef6;
    --lms-brand-tint-1: #161f3b;
    --lms-brand-tint-2: #1c274a;
    --lms-brand-tint-text: #bac8f8;
    --lms-shadow-brand-sm: rgba(131, 158, 246, 0.18);
    --lms-shadow-brand-focus: rgba(131, 158, 246, 0.22);
    --lms-shadow-brand-active: rgba(47, 91, 234, 0.4);
}