/* Approved logo palette · September 2026.
   Load after the layout styles. Gold is decorative; dark gold is text-safe on ivory.
   Legacy colour names are aliases so all existing components inherit this identity. */
:root {
  --forest:#244638;
  --sage:#BCD09C;
  --gold:#9E8127;
  --gold-text:#75601D;
  --gold-lt:#C5A653;
  --parchment:#F8F7F1;
  --paper:#FFFDF8;
  --moss:#365846;
  --green:#365846;
  --lime:var(--sage);
  --fern:#E8EEDC;
  --mist:#EFF2E8;
  --stone:#526051;
  --hair:#D3DAC7;
  --field-border:#74836B;
  --river:var(--forest);
  --river-lt:var(--sage);
  --berry:var(--gold-text);
  --berry-lt:var(--sage);
  --clay:var(--gold-text);
  --clay-lt:var(--gold-lt);
}
::selection{background:var(--sage);color:var(--forest)}
body{background:var(--parchment);color:var(--forest)}
a:hover{color:var(--gold-text)}
h2 em{color:var(--moss)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold-text);outline-offset:4px}
.site-head{background:#F8F7F1F5;border-bottom-color:var(--hair)}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--gold-text);text-decoration-color:var(--gold)}
.site-nav .nav-cta{background:var(--forest);border-color:var(--forest);color:var(--parchment)}
.site-nav .nav-cta:hover{background:var(--moss);border-color:var(--moss);color:var(--parchment)}
.menu-toggle{border-color:var(--field-border)}
.pill.forest,.btn,.btn.gold{background:var(--forest);border-color:var(--forest);color:var(--parchment)}
.pill.forest:hover,.btn:hover,.btn.gold:hover{background:var(--moss);border-color:var(--moss);color:var(--parchment)}
.pill.light{background:var(--parchment);color:var(--forest)}
.pill.light:hover{background:var(--sage);color:var(--forest)}
.btn.ghost,.outline-forest{background:transparent;border-color:var(--forest);color:var(--forest)}
.btn.ghost:hover,.outline-forest:hover{background:var(--forest);color:var(--parchment)}
.line-link{border-color:var(--field-border)}
.line-link:hover{color:var(--gold-text)}
.hero-copy h1,.hero-copy>p:not(.kicker),.hero-bottom,.hero-bottom a{color:var(--parchment)}
.hero-copy h1 em{color:var(--sage)}
.hero-copy .kicker{color:var(--parchment)}
.hero-shade{background:linear-gradient(90deg,rgba(18,38,30,.8),rgba(36,70,56,.14) 75%),linear-gradient(0deg,rgba(18,38,30,.7),transparent 35%)}
.identity-strip{color:var(--moss)}
.identity-strip i,.project-status i{background:var(--gold)}
.tiny-star{color:var(--gold)}
.care-section,.pagetop{background:var(--mist)!important}
.care-card,.card,.cards-premium article.pathway-card{background:var(--paper);border-color:var(--hair)}
.care-body .kicker,.land-copy .kicker,.closing .kicker,.cards-premium .pathway-eyebrow{color:var(--gold-text)}
.image-number,.cards-premium .pathway-number,.pathway-icon{background:var(--parchment);color:var(--forest)}
.symbol-field,.land-stamp,.closing{background:var(--fern)}
.symbol-field>span:last-child,.project-status,.participation-grid>a>span{color:var(--moss)}
.care-image img.community-belonging,.pathway-photo{background:var(--mist)}
.reciprocity-section,.site-foot,.symbol-field.botanical-field{background:var(--forest);color:var(--parchment)}
.reciprocity-grid h2 em{color:var(--sage)}
.reciprocity-grid .kicker,.reciprocity-steps article>span{color:var(--sage)}
.reciprocity-steps h3{color:var(--parchment)}
.reciprocity-grid>div>p:not(.kicker),.reciprocity-steps p,.reciprocity-grid .line-link{color:var(--fern)}
.participation-grid a:hover{background:var(--mist)}
.modern-footer-grid p,.modern-footer-grid>div>a:not(.footer-brand),.acknowledgement,.footer-legal{color:var(--fern)}
.modern-footer-grid h4{color:var(--sage)}
.modern-footer-grid a:hover,.footer-legal a:hover{color:var(--parchment)}
.site-foot a:focus-visible,.reciprocity-section a:focus-visible,.editorial-hero a:focus-visible{outline-color:var(--sage)}
.note{background:var(--fern);border-left-color:var(--gold)}
.note.warn{background:#F2EDDD;border-left-color:var(--gold);color:var(--forest)}
.tag.now,.tag.next,.tag.later,.tag.off{background:var(--fern);color:var(--forest)}
.tag.later,.tag.off{background:#F2EDDD;color:var(--gold-text)}
.card.keeper h3{color:var(--gold-text)}
.flow li::before,.flow li:nth-child(n)::before{background:var(--forest);color:var(--parchment)}
.band{background:linear-gradient(90deg,var(--forest) 0 35%,var(--sage) 35% 75%,var(--gold) 75% 100%)}
input,select,textarea,.tier span,.giving-frequency span{border-color:var(--field-border);background:var(--paper);color:var(--forest)}
input,select,textarea{accent-color:var(--forest)}
input::placeholder,textarea::placeholder{color:var(--stone);opacity:1}
input:focus,select:focus,textarea:focus{outline-color:var(--gold-text);border-color:var(--gold-text)}
.tier input:checked+span{background:var(--sage);border-color:var(--forest);color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}
.tier input:checked+span em{color:var(--forest)}
.giving-frequency input:checked+span{background:var(--forest);border-color:var(--forest);color:var(--parchment)}
.tier input:focus-visible+span,.giving-frequency input:focus-visible+span,.freq-opt input:focus-visible+span{outline:3px solid var(--gold-text);outline-offset:3px}
.pathway-card summary:focus-visible{outline-color:var(--gold-text)}
/* Circular vision retains its layout while joining the same palette. */
.node:nth-child(4){background:var(--fern);border-color:var(--gold)}
@media(max-width:760px){.hero-shade{background:linear-gradient(90deg,rgba(18,38,30,.82),rgba(36,70,56,.3)),linear-gradient(0deg,rgba(18,38,30,.7),transparent 50%)}}
.site-nav a.nav-cta,.site-nav a.nav-cta[aria-current=page]{color:var(--parchment);text-decoration-color:var(--sage)}
.site-nav a.nav-cta:hover{color:var(--parchment)}

/* Shared component language across editorial and inner pages. */
.btn,.pill,.site-nav .nav-cta{border-radius:999px;font-family:var(--sans);font-weight:500;letter-spacing:.01em}
.btn{padding:14px 24px;min-height:48px}
.card,.care-card,.cards-premium article.pathway-card,.tablewrap{border-radius:4px}
.eyebrow,.kicker,.pathway-eyebrow{font-family:var(--sans);font-weight:500;letter-spacing:.16em;color:var(--gold-text)}
.pagetop .eyebrow{color:var(--gold-text)!important}
.pathway-connect:hover,.pathway-card summary:hover{color:var(--gold-text)}
.outline-light{color:var(--parchment);border-color:var(--parchment);background:transparent}
.outline-light:hover{color:var(--forest);background:var(--parchment)}
.botanical-field>span:last-child{color:var(--sage)}
.hero .btn:hover{background:var(--sage);border-color:var(--sage);color:var(--forest)}
.hero .btn.ghost{color:var(--parchment);border-color:var(--sage)}

/* Unified typography and text colours on every public page. */
:root{--sans:'IBM Plex Sans',system-ui,sans-serif;--serif:'Newsreader',Georgia,serif;--display:var(--serif);--mono:var(--sans)}
body{font-family:var(--sans)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--forest)}
main p,main li,.lede,.cards-premium p,.opening-copy p,.land-copy p{color:var(--stone)}
main h1 em,main h2 em{color:var(--forest)}
main .large-copy,main label,main legend,main summary,main strong{color:var(--forest)}
.small,.section-caption,.project-status{color:var(--stone)}
.eyebrow,.kicker,.cards-premium .pathway-eyebrow,.care-body .kicker{color:var(--gold-text)}
.editorial-hero h1,.editorial-hero p,.editorial-hero .kicker{color:var(--parchment)}
.editorial-hero h1 em,.reciprocity-section h2 em{color:var(--sage)}
.reciprocity-section h2,.reciprocity-section h3{color:var(--parchment)}
.reciprocity-section p{color:var(--fern)}
.reciprocity-section .kicker{color:var(--sage)}
.site-foot h4{font-family:var(--sans);color:var(--sage)}
.site-nav a.nav-cta[aria-current=page]{text-decoration:none}