/* Green Pea Power — colour tokens. Exact values lifted from the live site source (index.html). */
:root{
/* Brand greens */
--gpp-green-deepest:#061d0c; /* page background, nav, theme-color */
--gpp-green-deep:#0e3018;    /* card + section surface */
--gpp-lime:#A8CC14;          /* primary brand accent (tags, lime buttons, bar accents) */
--gpp-lime-hover:#96b810;
--gpp-lime-ink:#5F7D08;      /* lime-family link colour for use on white */
--gpp-sage:#d6e5c9;          /* hero display headline tint */
/* Amber (secondary accent: CTAs, stat numerals, nav underline) */
--gpp-amber:#F5A100;
--gpp-amber-hover:#e09000;
/* Photo-band neutrals */
--gpp-black:#0c0c0c;
--gpp-charcoal:#141414;
--gpp-charcoal-2:#1a1a1a;
--gpp-mark-black:#0A0A0A;
/* Text on dark — white alpha ladder */
--text-strong:#ffffff;
--text-primary:rgba(255,255,255,0.92);
--text-secondary:rgba(255,255,255,0.75);
--text-body:rgba(255,255,255,0.65);
--text-muted:rgba(255,255,255,0.55);
--text-legal:rgba(255,255,255,0.5);
--text-dim:rgba(255,255,255,0.45);
--text-faint:rgba(255,255,255,0.4);
--text-placeholder:rgba(255,255,255,0.35);
--text-ghost:rgba(255,255,255,0.25);
--text-footnote:rgba(255,255,255,0.22);
/* Hairlines & borders on dark */
--hairline-1:rgba(255,255,255,0.08);
--hairline-2:rgba(255,255,255,0.1);
--hairline-3:rgba(255,255,255,0.12);
--hairline-grid:rgba(255,255,255,0.16);
--border-input:rgba(255,255,255,0.22);
--border-strong:rgba(255,255,255,0.25);
--border-heavy:rgba(255,255,255,0.45);
/* Semantic aliases */
--surface-page:var(--gpp-green-deepest);
--surface-card:var(--gpp-green-deep);
--surface-photo-band:var(--gpp-charcoal);
--surface-footer:var(--gpp-black);
--accent-cta:var(--gpp-amber);
--accent-cta-hover:var(--gpp-amber-hover);
--accent-brand:var(--gpp-lime);
--accent-brand-hover:var(--gpp-lime-hover);
--ink-on-accent:var(--gpp-green-deepest);
--link:var(--gpp-amber);
--stat-numeral:var(--gpp-amber);
--scrim-photo:linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0.28)); /* @kind other */
--scrim-hero-bottom:linear-gradient(to top,rgba(17,17,17,0.96) 0%,rgba(17,17,17,0.6) 50%,rgba(17,17,17,0.25) 100%); /* @kind other */
--scrim-caption:linear-gradient(transparent,rgba(17,17,17,0.9)); /* @kind other */
}