/* Dynamic Theme CSS - Generated from Admin Settings */

:root {
    --primary-color: #1f4d2f;
    --primary-dark: #163822;
    --primary-light: #2d6b45;
    --primary-text: #FFFFFF;
    --primary-dark-text: #FFFFFF;
    --primary-light-text: #FFFFFF;
    --secondary-color: #a89968;
    --secondary-dark: #8b7355;
    --secondary-text: #000000;
    --secondary-dark-text: #FFFFFF;
    --accent-color: #d97560;
    --accent-text: #000000;
    --text-color: #ae0f0f;
    --heading-color: #111827;
    --muted-text-color: #666666;
    --light-gray: #F7F9FC;
    --dark-gray: #333333;
    --white: #FFFFFF;
}

/* Dark Mode Color Scheme */
:root {
    color-scheme: dark;
}

body.dark-mode,
html[data-theme="dark"] {
    --primary-color: #2d6b45;
    --primary-dark: #1f4d2f;
    --primary-light: #163822;
    --primary-text: #FFFFFF;
    --primary-dark-text: #FFFFFF;
    --primary-light-text: #FFFFFF;
    --secondary-color: #FFD700;
    --secondary-dark: #E6BE00;
    --secondary-text: #000000;
    --secondary-dark-text: #000000;
    --light-gray: #1a1a1a;
    --dark-gray: #e0e0e0;
    --white: #121212;
    --text-muted: #b0b0b0;
    --border-color: #2a3a2f;
}

body.dark-mode,
body[data-theme="dark"] {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body[data-theme="dark"] h1,
body[data-theme="dark\"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6 {
    color: #f0f0f0 !important;
}

body.dark-mode p,
body[data-theme="dark"] p {
    color: #d0d0d0 !important;
}

/* Update navbar */
.navbar {
    background-color: #1f4d2f !important;
    border-bottom-color: #a89968 !important;
    transition: all 0.3s ease;
}

body.dark-mode .navbar {
    background-color: #163822 !important;
    border-bottom-color: #8b7355 !important;
}

.navbar-brand:hover {
    color: #a89968 !important;
}

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

/* Update hero section */
.hero {
    border-bottom-color: #1f4d2f !important;
    transition: all 0.3s ease;
}

body.dark-mode .hero {
    border-bottom-color: #163822 !important;
    background-color: #1a1a1a !important;
}

.hero h1 {
    color: #1f4d2f !important;
    transition: all 0.3s ease;
}

body.dark-mode .hero h1 {
    color: #2d6b45 !important;
}

/* Update buttons */
.btn-primary {
    background-color: #1f4d2f !important;
    border-color: #1f4d2f !important;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #163822 !important;
    border-color: #163822 !important;
}

body.dark-mode .btn-primary {
    background-color: #2d6b45 !important;
    border-color: #2d6b45 !important;
}

body.dark-mode .btn-primary:hover {
    background-color: #1f4d2f !important;
    border-color: #1f4d2f !important;
}

.btn-secondary {
    background-color: #a89968 !important;
    border-color: #a89968 !important;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background-color: #8b7355 !important;
    border-color: #8b7355 !important;
}

.btn-outline-primary {
    border-color: #1f4d2f !important;
    color: #1f4d2f !important;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background-color: #1f4d2f !important;
}

body.dark-mode .btn-outline-primary {
    border-color: #2d6b45 !important;
    color: #2d6b45 !important;
}

/* Update CTA section */
.cta-section {
    background: linear-gradient(135deg, #1f4d2f 0%, #a89968 100%) !important;
    transition: all 0.3s ease;
}

body.dark-mode .cta-section {
    background: linear-gradient(135deg, #163822 0%, #8b7355 100%) !important;
}

/* Update section titles */
.section-title h2 {
    color: #1f4d2f !important;
    transition: all 0.3s ease;
}

body.dark-mode .section-title h2 {
    color: #2d6b45 !important;
}

/* Update progress bars */
.progress-bar {
    background-color: var(--success-color) !important;
}

/* Update headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--dark-gray) !important;
    transition: all 0.3s ease;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #e0e0e0 !important;
}

/* Update footer */
footer {
    background-color: #1f4d2f !important;
    border-top-color: #a89968 !important;
    transition: all 0.3s ease;
}

body.dark-mode footer {
    background-color: #163822 !important;
    border-top-color: #8b7355 !important;
}

/* Update cards and containers */
.card, .table {
    transition: all 0.3s ease;
}

body.dark-mode .card {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

body.dark-mode .table {
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

body.dark-mode .table thead {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

/* Update form elements */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444444 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #333333 !important;
    color: #e0e0e0 !important;
    border-color: #2d6b45 !important;
    box-shadow: 0 0 0 0.2rem #2d6b4533 !important;
}

/* Update text and paragraphs */
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode a {
    transition: all 0.3s ease;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode li {
    color: #e0e0e0 !important;
}

body.dark-mode a {
    color: #2d6b45 !important;
}

body.dark-mode a:hover {
    color: #a89968 !important;
}

/* Update theme meta tag */
@supports (color: var(--primary-color)) {
    :root {
        color-scheme: light;
    }
    
    body.dark-mode {
        color-scheme: dark;
    }
}

/* Smooth transitions for theme switch */
body, html, .navbar, .card, .btn, p, span, h1, h2, h3, h4, h5, h6, a {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}