/* File Name: style.css | Color Scheme mapped from Breakwall Africa Logo */
:root {
    --brand-blue: #0A3A82; /* Deep Brick Wall Blue */
    --brand-green: #1C9A44; /* Africa Map Green */
    --bg-light: #F8F9FA;
    --text-dark: #2C3E50;
    --white: #FFFFFF;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; color: var(--text-dark); line-height: 1.6; background: var(--bg-light); overflow-x: hidden; }

.section-padding { padding: 5rem 5%; }
.bg-blue { background: var(--brand-blue); color: var(--white); }
.bg-white { background: var(--white); }

.heading-primary { font-family: 'Playfair Display', serif; color: var(--brand-blue); font-size: 2.8rem; margin-bottom: 1.5rem; }
.heading-secondary { font-family: 'Playfair Display', serif; color: var(--brand-green); font-size: 2rem; margin-bottom: 1rem; }

.btn-primary { display: inline-block; background: var(--brand-green); color: var(--white); padding: 12px 35px; text-decoration: none; font-weight: bold; border-radius: 4px; transition: 0.3s; box-shadow: 0 4px 15px rgba(28, 154, 68, 0.3); border: none; cursor: pointer; }
.btn-primary:hover { background: #147A33; transform: translateY(-2px); color: var(--white); }

.grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.card { background: var(--white); padding: 2rem; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-top: 4px solid var(--brand-blue); transition: 0.3s; }
.card:hover { transform: translateY(-5px); border-top-color: var(--brand-green); }

footer { background: var(--brand-blue); color: var(--white); text-align: center; padding: 2rem; border-top: 5px solid var(--brand-green); }