/* Consistency overrides to match React app exactly */

/* Override any conflicting styles from styles.css */
body {
    background: #0a0a0f !important;
    color: #ffffff !important;
}

/* Ensure all text uses consistent colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
}

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

/* Override section backgrounds */
.features,
.social-proof,
.footer {
    background: var(--bg-dark) !important;
}

/* Ensure buttons have correct styling */
.btn {
    text-decoration: none !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

/* Fix feature cards background */
.feature-card {
    background: rgba(30, 30, 60, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Fix stat colors */
.stat h3 {
    background: linear-gradient(135deg, #fbbf24 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Ensure CTA section has gradient */
.cta-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* Fix any white text issues */
.nav-link,
.footer-column a,
.footer-bottom p {
    color: var(--text-secondary) !important;
}

.nav-link:hover,
.footer-column a:hover {
    color: var(--text-primary) !important;
}

/* Ensure section headers are visible */
.section-header h2 {
    color: var(--text-primary) !important;
    font-weight: 800;
}

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

/* Fix navbar background */
.navbar {
    background: rgba(10, 10, 15, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Ensure mobile menu has dark background */
.nav-menu.active {
    background: var(--bg-dark) !important;
}

/* Fix pricing cards */
.pricing-card {
    background: rgba(30, 30, 60, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.pricing-card.featured {
    border-color: var(--primary-gradient-start) !important;
}

/* Fix form inputs for dark theme */
input, select, textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
}

/* Ensure all pages have dark background */
html, body {
    min-height: 100vh;
    background: #0a0a0f !important;
}