:root, [data-bs-theme=light] {
    --bs-hr-color: #000;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-hr-color: #fff;
    
}



/* Default light mode */
 .dashed-hr {
    border: 0;
    border-top: 1px dashed var(--bs-hr-color); /* Black for light mode */
    width: 100%;
}

/* Dark mode */
.dashed-hr {
    border: 0;
    border-top: 1px dashed var(--bs-hr-color); /* White for dark mode */
    width: 100%;
}