/* nGRND preview harmonisation override — colour/font-path only. No content, wording, layout or chart-geometry changes. */
/* Self-hosted font paths routed to the preview site's /assets/fonts/ (source referenced /fonts/ which only exists on production). */
@font-face{font-family:FunnelDisplay;src:url('/assets/fonts/FunnelDisplay-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:FunnelDisplay;src:url('/assets/fonts/FunnelDisplay-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}

/* Palette harmonisation: align whitepaper chrome with the preview site graphite/forest/warm-gold theme.
   Values mirror the preview :root tokens; forest kept identical. */
:root{
  --surface:#0A0C0A;
  --surface-2:#0C100C;
  --surface-3:#12160F;
  --forest:#1C452B;
  --gold:#E8B84B;
  --gold-soft:#F2D38A;
  --line:rgba(232,184,75,.22);
  --muted:#B3AC96;
}

/* Hard-coded green-tinted chromes re-toned to graphite to smooth the site -> whitepaper transition. */
.wp-site-header{background:rgba(10,12,10,.9)}
.wp-search::backdrop{background:rgba(4,5,4,.82)}
.wp-chapter-nav li a{border-bottom-color:rgba(232,184,75,.12)}

/* Accessible chart/figure caption contrast on the light figure plates (kept on-brand, colour only). */
.wp-feature-image figcaption{color:#4C5138;background:#EFEBDD}

/* Focus ring stays visible on the new gold. */
:focus-visible{outline-color:var(--gold-soft)}

/* 9 Oct preview QA: clip the decorative off-canvas ring, not article content. */
.wp-hero{overflow:clip}