/*
Theme Name: Cedar NGO
Description: Public presentation theme for the Cedar platform.
Version: 0.1.0
Text Domain: cedar-ngo
*/

:root {
  --cd-forest: #1E3A2C;
  --cd-pine: #4F7A5E;
  --cd-paper: #F3EFE3;
  --cd-ivory: #FBF9F2;
  --cd-ink: #16211A;
  --cd-terracotta: #C1652F;
  --cd-green: var(--cd-pine);
  --cd-green-dark: var(--cd-forest);
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif: ui-serif, Georgia, "Times New Roman", serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--cd-ivory); color: var(--cd-ink); font-family: var(--sans); line-height: 1.5; }
a { color: var(--cd-forest); }
img { max-width: 100%; height: auto; }
:focus-visible { outline: 3px solid var(--cd-terracotta); outline-offset: 2px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; background: var(--cd-forest); color: var(--cd-ivory); padding: .5rem 1rem; }
.skip-link:focus { top: 1rem; }
.site-header, .site-footer, .site-main { padding: 1.5rem max(1.5rem, calc((100vw - 72rem) / 2)); }
.site-header { background: var(--cd-forest); color: var(--cd-ivory); }
.site-header a { color: inherit; }
.site-header nav { display: flex; gap: 1rem; flex-wrap: wrap; }
.site-footer { background: var(--cd-paper); }