/* SF App Light Mode Theme */

:root {
    --bs-primary: #C8421E;
    --bs-primary-rgb: 200, 66, 30;
}

body.sf-app-theme {
    background-color: #f4f6f9;
}

/* Navbar Overrides for Light Mode */
.sf-app-theme .navbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.sf-app-theme .navbar .nav-link,
.sf-app-theme .navbar .navbar-brand {
    color: #333333 !important;
}

.sf-app-theme .navbar .nav-link i {
    color: #555555 !important;
}

.sf-app-theme .navbar .nav-link:hover,
.sf-app-theme .navbar .nav-link:hover i {
    color: #C8421E !important;
}

.sf-app-theme .navbar .iactive,
.sf-app-theme .navbar .iactive i {
    color: #C8421E !important;
    font-weight: 600;
}

/* Button Overrides */
.sf-app-theme .btn-primary {
    background-color: #C8421E !important;
    border-color: #C8421E !important;
    color: #FFFFFF !important;
}

.sf-app-theme .btn-primary:hover {
    background-color: #a63618 !important;
    border-color: #a63618 !important;
}

/* User Profile Icon and Text */
.sf-app-theme .text-warning {
    color: #C8421E !important; 
}

.sf-app-theme .navbar .form-label.text-white,
.sf-app-theme .navbar .form-label p span {
    color: #333333 !important;
}

.sf-app-theme .badge.bg-danger {
    background-color: #C8421E !important;
}

/* Progress bar */
.sf-app-theme #progress-bar {
    background-color: #C8421E !important;
}

.sf-app-theme #loading-spinner {
    border-top: 4px solid #C8421E !important;
}