/* Auto-generated CSS from Admin Panel - Do NOT edit manually */

/* Header/Navbar */
.navbar, header.main-header {
    background-color: #ffffff !important;
    color: #1f2937 !important;
}

.navbar .nav-link {
    color: #4b5563 !important;
}

.navbar .nav-link:hover {
    color: #4f46e5 !important;
}

/* Hero Section */
.hero-section, .hero, section.hero, .jumbotron {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
}

.hero-section h1, .hero h1, .hero-section .display-1, .hero-section .display-2, .hero-section .display-3, .hero-section .display-4, .hero-section .display-5 {
    color: #ffffff !important;
}

.hero-section p, .hero p, .hero-section .lead {
    color: #ffffff !important;
}

/* Footer */
footer, .footer, footer.main-footer {
    background-color: #111827 !important;
}

footer h5, footer h6 {
    color: #ffffff !important;
}

footer, footer p {
    color: #f3f4f6 !important;
}

footer a {
    color: #60a5fa !important;
}

footer a:hover {
    color: #93c5fd !important;
}

/* Icons */
.navbar .nav-link i, .theme-toggle-icon {
    color: #303030 !important;
}

.navbar .nav-link:hover i, .theme-toggle-icon:hover {
    color: #4f46e5 !important;
}

/* ================================================ */
/* DARK MODE STYLES */
/* ================================================ */

[data-theme='dark'], body.dark-mode {
    background-color: #0f172a !important;
    color: #ebebeb !important;
}

/* Dark Mode Header/Navbar */
[data-theme='dark'] .navbar, body.dark-mode .navbar, [data-theme='dark'] header.main-header, body.dark-mode header.main-header {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

[data-theme='dark'] .navbar .nav-link, body.dark-mode .navbar .nav-link {
    color: #cbd5e1 !important;
}

[data-theme='dark'] .navbar .nav-link:hover, body.dark-mode .navbar .nav-link:hover {
    color: #60a5fa !important;
}

/* Dark Mode Hero Section */
[data-theme='dark'] .hero-section, body.dark-mode .hero-section, [data-theme='dark'] .hero, body.dark-mode .hero {
    background: linear-gradient(135deg, #1e293b, #3b82f6) !important;
}

[data-theme='dark'] .hero-section h1, body.dark-mode .hero-section h1, [data-theme='dark'] .hero h1, body.dark-mode .hero h1 {
    color: #f1f5f9 !important;
}

[data-theme='dark'] .hero-section p, body.dark-mode .hero-section p, [data-theme='dark'] .hero p, body.dark-mode .hero p {
    color: #cbd5e1 !important;
}

/* Dark Mode Footer */
[data-theme='dark'] footer, body.dark-mode footer, [data-theme='dark'] .footer, body.dark-mode .footer {
    background-color: #020617 !important;
}

[data-theme='dark'] footer h5, body.dark-mode footer h5, [data-theme='dark'] footer h6, body.dark-mode footer h6 {
    color: #f1f5f9 !important;
}

[data-theme='dark'] footer, body.dark-mode footer, [data-theme='dark'] footer p, body.dark-mode footer p {
    color: #94a3b8 !important;
}

[data-theme='dark'] footer a, body.dark-mode footer a {
    color: #60a5fa !important;
}

[data-theme='dark'] footer a:hover, body.dark-mode footer a:hover {
    color: #93c5fd !important;
}

/* Dark Mode Cards */
[data-theme='dark'] .card, body.dark-mode .card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #ebebeb !important;
}

/* Dark Mode Icons */
[data-theme='dark'] .navbar .nav-link i, body.dark-mode .navbar .nav-link i {
    color: #ffffff !important;
}

[data-theme='dark'] .navbar .nav-link:hover i, body.dark-mode .navbar .nav-link:hover i {
    color: #60a5fa !important;
}