/**
 * Unified Color Scheme - White Background, Black Text, Blue/Green Accents
 * Apply this to ALL pages for consistent color scheme
 */

:root {
    /* Simple Color Palette - White, Black, Blue, Green */
    
    /* Background - White */
    --background: #FFFFFF;
    --background-alt: #FFFFFF;
    --surface: #FFFFFF;
    
    /* Text - Black */
    --text: #000000;
    --text-light: #333333;
    --text-muted: #666666;
    --text-inverse: #FFFFFF;
    
    /* Primary Green - Deep Forest Green */
    --primary: #0A3D0F;
    --primary-dark: #082D0B;
    --primary-light: #0D5D28;
    
    /* Secondary Blue - Waterfall Blue */
    --secondary: #0077B6;
    --secondary-dark: #005A87;
    --secondary-light: #0094D4;
    
    /* Legacy support - ensure waterfall blue and forest green are accessible */
    --waterfall-blue: #0077B6;
    --forest-green: #0A3D0F;
    
    /* Accent - Using deep forest green as accent */
    --accent: #0A3D0F;
    
    /* Border */
    --border: #E0E0E0;
    --border-light: #F0F0F0;
    --divider: #E0E0E0;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Force white background everywhere */
html {
    background: #FFFFFF !important;
    color: #000000 !important;
}

body {
    background: #FFFFFF !important;
    color: #000000 !important;
}

/* Force white backgrounds on all elements */
body, html, section, .section, .section-alt,
.value-card, .feature-card, .container,
main, article, div:not([class*="bg-"]) {
    background-color: #FFFFFF !important;
}

/* Force black text everywhere */
body, p, h1, h2, h3, h4, h5, h6, span, li, td, th {
    color: #000000 !important;
}

/* Links use blue */
a {
    color: var(--secondary) !important; /* Blue */
}

a:hover {
    color: var(--primary) !important; /* Green on hover */
}

/* Headings - Black and Centered */
h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
    text-align: center !important;
}

/* Section titles - Always centered */
.section h2,
section h2,
h2.section-title,
h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure sections are visible */
.section, .hero, header, footer, main {
    opacity: 1 !important;
    visibility: visible !important;
}