/* Front Tech Engineering Procurement System - Orange Theme */


:root {
    --primary-orange: #ff6b35;
    --secondary-orange: #f7931e;
    --light-orange: #ff8c42;
    --dark-orange: #e55a2b;
    --orange-gradient: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    --orange-shadow: rgba(255, 107, 53, 0.25);
    --orange-hover-shadow: rgba(255, 107, 53, 0.4);
}

/* Primary button styling */
.btn-primary {
    background: var(--orange-gradient);
    border: none;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: var(--orange-gradient);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--orange-hover-shadow);
}

/* Outline button styling */
.btn-outline-warning {
    border-color: var(--primary-orange);
    color: var(--primary-orange);
}

.btn-outline-warning:hover {
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
    color: white;
}

/* Form control focus */
.form-control:focus {
    border-color: var(--primary-orange);
    box-shadow: 0 0 0 0.2rem var(--orange-shadow);
}

/* Card styling */
.stat-card {
    background: var(--orange-gradient);
    color: white;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* Different colored stat cards */
.stat-card-blue {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.stat-card-green {
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
    color: white;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.stat-card-purple {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.stat-card-orange {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: white;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* Sidebar styling */
.sidebar {
    background: var(--orange-gradient);
    min-height: 100vh;
}

.sidebar .nav-link {
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 20px;
    border-radius: 8px;
    margin: 2px 0;
    transition: all 0.3s;
}

.sidebar .nav-link:hover {
    color: #333;
    background: #f8f9fa;
}

.sidebar .nav-link.active {
    color: white;
    background: #ff6b35;
}

/* Background gradients */
.bg-gradient-orange {
    background: var(--orange-gradient);
}

/* Text colors */
.text-orange {
    color: var(--primary-orange) !important;
}

/* Border colors */
.border-orange {
    border-color: var(--primary-orange) !important;
}

/* Alert styling */
.alert-warning {
    background-color: rgba(255, 107, 53, 0.1);
    border-color: var(--primary-orange);
    color: var(--dark-orange);
}

/* Progress bar */
.progress-bar {
    background: var(--orange-gradient);
}

/* Badge styling */
.badge-orange {
    background-color: var(--primary-orange);
    color: white;
}

/* Table styling */
.table-orange thead th {
    background-color: var(--primary-orange);
    color: white;
    border: none;
}

/* Modal header */
.modal-header.bg-orange {
    background: var(--orange-gradient);
    color: white;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-orange);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--dark-orange);
}