/* Custom styles that complement the inline styles in index.html */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background: #2e7030;
    color: #fafaf6;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #2e7030;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Print styles */
@media print {
    nav, .mobile-menu, #menu-overlay, .section-divider, .reveal {
        display: none !important;
    }
    
    body {
        color: #000;
        background: #fff;
    }
    
    .hero-gradient {
        background: #1d451e !important;
    }
    
    .cta-section {
        background: #1d451e !important;
    }
    
    .footer {
        background: #0c1c0c !important;
    }
}

/* Small screen adjustments */
@media (max-width: 640px) {
    .hero-gradient {
        background: linear-gradient(160deg, 
            #0c1c0c 0%, 
            #183719 30%, 
            #245726 60%, 
            #3d8b3d 100%
        );
    }
    
    .counter-number {
        font-size: 2rem;
    }
}

/* Large screen adjustments */
@media (min-width: 1280px) {
    .section-padding {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}