/*
Theme Name: ACCOD NGO
Theme URI: https://accod.org
Author: ACCOD & E‑Learn Consults 2000 LTD
Author URI: https://accod.org
Description: Minimalist, accessible NGO theme for ACCOD — public awareness, projects, donors. Clean UNDP/UNICEF-style layout with blue palette, responsive grid, and Gutenberg support.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accod-ngo
Tags: one-column, two-columns, accessibility-ready, responsive-layout, custom-logo, custom-colors, custom-menu, blog, news, ngo
*/
:root{
  --accod-blue-600:#0067B9; /* primary */
  --accod-blue-700:#004A87;
  --accod-blue-50:#F2F8FD;
  --accod-gray-900:#0A0A0A;
  --accod-gray-600:#4B5563;
  --accod-gray-100:#F3F4F6;
  --accod-accent:#18A999; /* secondary */
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;color:#1f2937;line-height:1.7;background:#fff}
a{color:var(--accod-blue-600);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{border-bottom:1px solid #e5e7eb;background:#fff}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
.brand img{height:40px;width:auto}
.nav-menu{display:flex;gap:1rem;flex-wrap:wrap}
.btn{display:inline-block;border:1px solid var(--accod-blue-600);padding:.6rem 1rem;border-radius:999px}
.btn-primary{background:var(--accod-blue-600);color:#fff;border-color:var(--accod-blue-600)}
.btn-outline{background:#fff;color:var(--accod-blue-600)}
.hero{background:linear-gradient(180deg,var(--accod-blue-50),#fff);padding:3.2rem 0;border-bottom:1px solid #e5e7eb}
.hero h1{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2;margin:.2rem 0}
.hero p{max-width:60ch;color:#374151}
.grid{display:grid;gap:1.2rem}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{border:1px solid #e5e7eb;border-radius:14px;padding:1rem;background:#fff}
.kicker{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;font-weight:700;font-size:.8rem}
.section{padding:2.5rem 0}
.section h2{font-size:1.6rem;margin:.2rem 0 1rem}
.site-footer{background:#0b1e2e;color:#e5e7eb;padding:2rem 0;margin-top:2rem}
.site-footer a{color:#e0f2fe}
footer .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.small{font-size:.9rem;color:#6b7280}
.notice{background:var(--accod-blue-50);border-left:4px solid var(--accod-blue-600);padding:.75rem 1rem;border-radius:8px}
figure{margin:0}
img{max-width:100%;height:auto}
*/