/* theme_overrides.css - overrides for all subpages to use the new Ghanaian forest green/gold cream theme */
:root {
    --primary: #0e5a36 !important;
    --primary-gradient: linear-gradient(135deg, #0e5a36 0%, #0a4328 100%) !important;
    --primary-hover: #0a4328 !important;
    --accent: #d97706 !important;
    --accent-gradient: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
    --background: #fbfaf5 !important;
    --background-gradient: linear-gradient(135deg, #fbfaf5 0%, #f7f5ee 50%, #f0ede3 100%) !important;
    --text-color: #1f2937 !important;
    --text-main: #1f2937 !important;
    --text-secondary: #4b5563 !important;
    --text-muted: #6b7280 !important;
    --glass-bg: rgba(255, 255, 255, 0.85) !important;
    --glass-border: rgba(14, 90, 54, 0.08) !important;
    --glass-hover-bg: #ffffff !important;
    --glass-hover-border: rgba(14, 90, 54, 0.15) !important;
}

body {
    background: var(--background-gradient) !important;
    color: var(--text-color) !important;
}

/* Logo Overrides */
.logo, .logo span, .logo i {
    color: var(--primary) !important;
}

/* Navbar styles */
.navbar {
    background: rgba(251, 250, 245, 0.85) !important;
    border-bottom: 1px solid rgba(14, 90, 54, 0.06) !important;
}
.nav-links a {
    color: var(--text-secondary) !important;
}
.nav-links a:hover, .nav-links a.active {
    color: var(--primary) !important;
}
.btn-ghost {
    color: var(--text-color) !important;
}
.btn-ghost:hover {
    color: var(--primary) !important;
}
.btn-nav-cta {
    background: var(--primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(14, 90, 54, 0.15) !important;
}
.btn-nav-cta:hover {
    background: var(--primary-hover) !important;
    box-shadow: 0 6px 20px rgba(14, 90, 54, 0.25) !important;
}

/* Ambient lights */
body::before, .ambient-light-1, .ambient-glow-1 {
    background: rgba(14, 90, 54, 0.04) !important;
}
body::after, .ambient-light-2, .ambient-glow-2 {
    background: rgba(217, 119, 6, 0.03) !important;
}

/* Form fields & text colors */
h1, h2, h3, h4, h5, h6, label {
    color: var(--text-color) !important;
}
p, span, li {
    color: var(--text-secondary) !important;
}
input, select, textarea {
    background: #ffffff !important;
    color: var(--text-color) !important;
    border: 1px solid rgba(14, 90, 54, 0.15) !important;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(14, 90, 54, 0.1) !important;
}

/* Buttons */
.btn-primary, button[type="submit"], .btn-register, .btn-login, .submit-btn, .btn-submit, .login-btn {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(14, 90, 54, 0.15) !important;
}
.btn-primary:hover, button[type="submit"]:hover, .btn-register:hover, .btn-login:hover, .submit-btn:hover, .btn-submit:hover, .login-btn:hover {
    background: var(--primary-hover) !important;
    box-shadow: 0 6px 20px rgba(14, 90, 54, 0.25) !important;
}

/* Cards & containers */
.about-hero, .mission-card, .value-card, .team-card, .contact-card, .form-container, .features-grid > div, .feature-card, .pricing-card, .login-card, .register-card, .setup-card, .card, .glass-card {
    background: #ffffff !important;
    border: 1px solid rgba(14, 90, 54, 0.08) !important;
    box-shadow: 0 10px 30px rgba(14, 90, 54, 0.03) !important;
    color: var(--text-color) !important;
}

/* Specific elements style overrides for pages */
.feature-card i, .value-card i, .contact-info i {
    color: var(--primary) !important;
}

.footer {
    background: #f3f2eb !important;
    border-top: 1px solid rgba(14, 90, 54, 0.08) !important;
    color: var(--text-color) !important;
}
.footer h4, .footer-col h4 {
    color: #0f172a !important;
}
.footer p, .footer span, .footer li, .footer-col p {
    color: var(--text-secondary) !important;
}
.footer a, .footer-col a {
    color: var(--text-secondary) !important;
}
.footer a:hover, .footer-col a:hover {
    color: var(--primary) !important;
}
.footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}