/*
Theme Name: Afrosphere Global Limited
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Lightweight custom theme for Afrosphere Global Limited — home, corporate, logistics, contact templates included.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: afrosphere
*/
:root{--accent:#7b4fcd;--dark:#111;--muted:#666}
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;color:#111;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:2rem}
.header{background:#fff;padding:1rem 0;border-bottom:1px solid #eee}
.site-title{font-size:1.25rem;font-weight:700}
.nav{display:flex;gap:1rem}
.hero{display:flex;gap:2rem;align-items:center;padding:4rem 0}
.hero h1{font-size:2rem;margin:0}
.lead{font-size:1.05rem;color:var(--muted)}
.section{padding:3rem 0;border-top:1px solid #f2f2f2}
.section h2{font-size:1.4rem;margin-bottom:.5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{padding:1rem;border:1px solid #eee;border-radius:8px;background:#fff}
.cta{display:inline-block;padding:.8rem 1.2rem;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none}
.footer{background:#fafafa;padding:2rem;border-top:1px solid #eee;text-align:center}
.form-row{display:flex;flex-direction:column;margin-bottom:1rem}
.input,textarea{padding:.6rem;border:1px solid #ddd;border-radius:6px}
.footer-cta{padding:2rem 0}
@media(max-width:700px){.hero{flex-direction:column;align-items:flex-start}}