[data-theme="light"],
.msm-theme-light {
    color-scheme: light;
    --msm-brand-bg-start: #f1f5f9;
    --msm-brand-bg-end: #e2e8f0;
    --msm-color-danger-heading: #991b1b;
    --msm-color-bg: #f8fafc;
    --msm-color-surface: #ffffff;
    --msm-color-surface-2: #f1f5f9;
    --msm-color-surface-hover: #e2e8f0;
    --msm-color-border: #cbd5e1;
    --msm-color-primary: #4f46e5;
    --msm-color-primary-hover: #4338ca;
    --msm-color-primary-light: #6366f1;
    --msm-color-text: #0f172a;
    --msm-color-text-muted: #64748b;
    --msm-color-danger: #dc2626;
    --msm-color-success: #16a34a;
    --msm-color-warning: #d97706;
    --msm-color-info: #2563eb;
    --msm-color-success-text: #166534;
    --msm-color-warning-text: #92400e;
    --msm-color-danger-text: #991b1b;
    --msm-color-info-text: #1e40af;
    --msm-color-overlay: rgb(15 23 42 / .45);
    --msm-shadow: 0 4px 6px -1px rgb(15 23 42 / .12);
    --msm-shadow-lg: 0 12px 30px rgb(15 23 42 / .16);
}