/*
 Theme Name: Charity Foundation (From Scratch)
 Theme URI: https://example.org
 Author: Your Name
 Author URI: https://example.org
 Description: A minimal, performance-focused WordPress theme built from scratch for charity/nonprofit websites.
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: charity-foundation
 Tags: charity, nonprofit, minimal, accessibility-ready
*/
:root{
  --color-ink:#121212;
  --color-bg:#ffffff;
  --color-brand:#0f766e;
  --color-accent:#f4b400;
  --color-soft:#e7f6f2;
  --radius:12px;
  --container:1200px;
}
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{
  margin:0;
  color:var(--color-ink);
  background:var(--color-bg);
  font:400 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
a{color:var(--color-brand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
.btn{
  display:inline-block;
  padding:.75rem 1rem;
  border-radius:var(--radius);
  font-weight:600;
  border:0;
  background:var(--color-brand);
  color:#fff;
}
.btn.outline{background:transparent;color:var(--color-brand);border:2px solid var(--color-brand)}
.site-header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}
.site-branding{display:flex;align-items:center;gap:.75rem}
.nav-primary ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.hero{
  background:var(--color-soft);
  padding:4rem 0;
}
.hero h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;margin:.25rem 0 1rem}
.grid{display:grid;gap:1.25rem}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:1rem}
.site-footer{margin-top:3rem;border-top:1px solid #eee;background:#fff;padding:2rem 0}