/* Site-wide layout and typographic tweaks for consistent spacing and sizing */
:root{
  /* Layout tokens */
  --max-width: 1200px;
  --container-pad: 1.5rem; /* matches existing px-6 (1.5rem) */

  /* Brand palette (updated to Grow Nexus palette) */
  --bg-light: #dee3ca; /* Light Beige */
  --bg-dark: #1f2215;  /* Dark Charcoal */
  --text-dark: #1f2215; /* Dark Charcoal */
  --text-light: #dee3ca; /* Light Beige */
  --text-secondary: #8a8c82; /* Gray */
  --accent: #d4ff66; /* Lighter Lime for better visibility */
  --accent-dark: #c9ef31; /* Slightly darker lime */
  --muted: #8a8c82; /* gray-600-ish */
}

html,body{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;color:var(--text-dark);background-color:var(--bg-light);}
*,*::before,*::after{box-sizing:inherit}

/* Container: keep Tailwind container but ensure consistent max width */
.site-container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);}

/* Section spacing: make sections visibly separated but consistent */
section{padding-top:3.5rem;padding-bottom:3.5rem}
@media(min-width:768px){section{padding-top:4.5rem;padding-bottom:4.5rem}}

/* Hero tweaks: bigger visual presence */
.hero-bg{padding-top:4.5rem;padding-bottom:5.5rem;background-color:var(--bg-dark);color:var(--text-light)}
.hero-bg h1{font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.05;color:var(--text-light)}

/* Headings */
h1{font-size:clamp(1.75rem,3.2vw,3rem);line-height:1.08;margin-bottom:0.75rem}
h2{font-size:clamp(1.25rem,2.4vw,2rem);margin-bottom:0.6rem}
h3{font-size:clamp(1rem,1.8vw,1.25rem)}

/* Cards and spacing */
.feature-card,.service-card,.team-card{padding:1.5rem;border-radius:0.6rem}
.feature-card h3,.service-card h3{margin-top:0.5rem;margin-bottom:0.5rem}

/* CTA consistency */
.cta-button{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.25rem;padding-right:1.25rem;border-radius:9999px}

/* Navigation consistency */
.site-container nav a, .site-container .nav-link{font-size:1rem;line-height:1.2}
.site-container .logo{font-weight:700;font-size:1.25rem}

/* CTA helper to use everywhere */
.btn-cta{background:var(--accent);color:var(--text-dark);font-weight:700;padding:0.6rem 1.25rem;border-radius:9999px}
.btn-cta:hover{filter:brightness(0.95)}

/* Footer container spacing */
footer .site-container{padding-top:2.5rem;padding-bottom:2.5rem}

/* Scroller visual tweak */
.scroller{overflow:hidden}
.scroller__inner{display:flex;gap:2.5rem}

/* Footer spacing */
footer{padding-top:3.5rem;padding-bottom:3.5rem}

/* Improve readability for forms */
input[type='text'],input[type='email'],textarea{font-size:1rem}

/* Slightly bigger clickable nav links */
nav a{font-size:1rem}

/* Utility to force visible sections on small screens */
.visible-section{min-height:220px}