/* Dynamic CSS based on admin settings */
:root {
    --primary-color: #db8b00;
    --secondary-color: #806600;
    --accent-color: #F59E0B;
    --background-color: #FFFBEB;
    --text-color: #1F2937;
    --primary-rgb: 219, 139, 0;
    --secondary-rgb: 128, 102, 0;
    --accent-rgb: 245, 158, 11;
}

/* Body background */
body {
    background-color: var(--background-color);
    color: var(--text-color);
}

/* Primary color elements */
.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Secondary color elements */
.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

/* Accent color elements */
.bg-accent {
    background-color: var(--accent-color) !important;
}

.text-accent {
    color: var(--accent-color) !important;
}

/* Hover effects */
.hover\:bg-primary:hover {
    background-color: var(--secondary-color) !important;
}

.hover\:bg-secondary:hover {
    background-color: rgba(var(--secondary-rgb), 0.8) !important;
}

.hover\:bg-accent:hover {
    background-color: rgba(var(--accent-rgb), 0.8) !important;
}

/* Gradients */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.bg-gradient-accent {
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color)) !important;
}

/* Banner section */
.banner-section {
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    }

/* Override default amber colors */
.bg-amber-50 { background-color: rgba(var(--primary-rgb), 0.05) !important; }
.bg-amber-100 { background-color: rgba(var(--primary-rgb), 0.1) !important; }
.bg-amber-600 { background-color: var(--primary-color) !important; }
.bg-amber-700 { background-color: var(--secondary-color) !important; }
.bg-amber-800 { background-color: rgba(var(--secondary-rgb), 0.9) !important; }
.bg-amber-900 { background-color: rgba(var(--secondary-rgb), 0.8) !important; }

.text-amber-600 { color: var(--primary-color) !important; }
.text-amber-700 { color: var(--secondary-color) !important; }
.text-amber-800 { color: var(--secondary-color) !important; }
.text-amber-900 { color: var(--text-color) !important; }

.hover\:bg-amber-700:hover { background-color: var(--secondary-color) !important; }
.hover\:bg-amber-600:hover { background-color: rgba(var(--primary-rgb), 0.8) !important; }
.hover\:bg-amber-800:hover { background-color: rgba(var(--secondary-rgb), 0.9) !important; }
.hover\:bg-amber-900:hover { background-color: rgba(var(--secondary-rgb), 0.8) !important; }

.hover\:text-amber-700:hover { color: var(--secondary-color) !important; }
.hover\:text-amber-800:hover { color: var(--secondary-color) !important; }

.border-amber-200 { border-color: rgba(var(--primary-rgb), 0.2) !important; }

/* Custom banner styles */
.banner-section {
    min-height: 600px;
}

/* Footer customization */
.footer-bg {
    background-color: #1F2937 !important;
}

.footer-text {
    color: #F9FAFB !important;
}

/* Additional custom styles */