
:root { --primary: #6B8E6B; --accent: #F4F1EA; --dark: #2B3A33; --light: #ffffff; --font-heading: 'Lora', serif; --font-body: 'Inter', sans-serif; } body { font-family: var(--font-body); color: var(--dark); line-height: 1.6; } h1, h2 { font-family: var(--font-heading); color: var(--primary); margin-bottom: 0.5em; } .hero { background: linear-gradient( rgba(43, 58, 51, 0.6), rgba(43, 58, 51, 0.6) ), url('YOUR-HERO-IMAGE.jpg') center/cover no-repeat; color: var(--light); text-align: center; padding: 6rem 2rem; } .subhead { font-size: 1.2rem; margin: 1rem auto; max-width: 650px; } .cta-buttons { margin-top: 1.5rem; } .btn { padding: 0.8rem 1.4rem; margin: 0.3rem; border-radius: 4px; text-decoration: none; font-weight: 600; } .btn.primary { background: var(--primary); color: var(--light); } .btn.secondary { border: 2px solid var(--light); color: var(--light); } section { padding: 3rem 1.5rem; max-width: 900px; margin: auto; }
