/* --- 1. Backgrounds (Login Page & Sidebar) --- */
.bg-gradient-primary {
    background-color: #fa8300;
    /* Creates a subtle gradient like the original theme, but with your blue */
    background-image: linear-gradient(180deg, #fa8300 10%, #ef6a06 100%);
    background-size: cover;
}

/* --- 2. Buttons (Login Button, Save Buttons) --- */
.btn-primary {
    background-color: #fa8300;
    border-color: #fa8300;
}

.btn-primary:hover {
    background-color: #ef6a06; /* Slightly darker for hover effect */
    border-color: #ef6a06;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgb(177, 94, 2); /* Matching blue glow */
}

/* --- 3. Text & Icons (Headings, Dashboard Icons) --- */
.text-primary {
    color: #fa8300 !important;
}

/* --- 4. Borders (The colored strip on Dashboard Cards) --- */
.border-left-primary {
    border-left: 0.25rem solid #fa8300 !important;
}