/* Dynamic Theme CSS - Generated for navyblue theme */

:root {
    --primary-gradient: linear-gradient(135deg, #000080 0%, #191970 50%, #0f0f23 100%);
    --sidebar-gradient: linear-gradient(180deg, #000080 0%, #191970 50%, #0f0f23 100%);
    --footer-gradient: linear-gradient(135deg, #000080 0%, #191970 50%, #0f0f23 100%);
    --header-gradient: linear-gradient(135deg, #000080 0%, #191970 50%, #0f0f23 100%);
    --theme-primary: #000080;
    --theme-secondary: #191970;
    --theme-light: #e6e6ff;
    --theme-color: navyblue;
}

/* Header Styles */
.gradient-bg,
.page-header-gradient,
.bg-gradient-to-r {
    background: var(--header-gradient) !important;
}

/* Universal page header class */
.page-header,
.page-header-gradient {
    background: var(--header-gradient) !important;
    color: white !important;
}

.page-header h1,
.page-header-gradient h1 {
    color: white !important;
}

.page-header p,
.page-header-gradient p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Sidebar Styles */
.sidebar {
    background: var(--sidebar-gradient) !important;
}

/* Footer Styles */
footer {
    background: var(--footer-gradient) !important;
}

/* Button Styles */
.theme-button,
.btn-primary {
    background: var(--primary-gradient) !important;
    border: none !important;
}

.theme-button:hover,
.btn-primary:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
}

/* Card Headers */
.card-header-gradient {
    background: var(--primary-gradient) !important;
}

/* Progress Bars */
.progress-bar-theme {
    background: var(--primary-gradient) !important;
}

/* Links */
.theme-link {
    color: var(--theme-primary) !important;
}

.theme-link:hover {
    color: var(--theme-secondary) !important;
}

/* Badges */
.badge-theme {
    background: var(--theme-primary) !important;
    color: white !important;
}

/* Focus States */
.theme-focus:focus {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Login Page Specific */
.login-gradient {
    background: var(--primary-gradient) !important;
}

/* Dashboard Cards */
.dashboard-card-gradient {
    background: var(--primary-gradient) !important;
}

/* Notification Badges */
.notification-badge {
    background: var(--theme-primary) !important;
}

/* Active States */
.nav-active {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Scroll Progress */
.scroll-progress-bar {
    background: var(--primary-gradient) !important;
}

/* Quick Actions */
.quick-action-gradient {
    background: var(--primary-gradient) !important;
}

/* Status Indicators */
.status-online {
    color: #10b981 !important;
}

.status-offline {
    color: #ef4444 !important;
}

/* Animation for theme changes */
* {
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gradient-bg,
    .sidebar,
    footer {
        background: var(--primary-gradient) !important;
    }
}

/* Print styles */
@media print {
    .gradient-bg,
    .sidebar,
    footer {
        background: #f8f9fa !important;
        color: #000 !important;
    }
}