:root{
  /* Paper & ink (light) — exact values from highgrain-web index.html */
  --paper:#F7F5F0;--paper2:#EFEDE7;--border:#E0DDD5;--border2:#C8C5BC;
  --mid:#5E5C56;--body:#3A3832;--head:#1A1916;
  --surface-card:#FFFFFF;
  /* Brand green */
  --green:#2D7A4F;--green2:#3DAA6E;--greenbg:rgba(45,122,79,0.08);--greenlight:#E8F5EE;
  --green-line:rgba(45,122,79,.3);--green-underline:rgba(45,122,79,.4);
  /* Dark bands (problem, CTA, footer, article header) */
  --dark-bg:#1A1916;--btn-solid:#1A1916;
  --on-dark:#EDEAE2;--on-dark-60:rgba(237,234,226,.85);--on-dark-50:rgba(237,234,226,.72);
  --on-dark-40:rgba(237,234,226,.60);--on-dark-30:rgba(237,234,226,.3);--on-dark-25:rgba(237,234,226,.25);
  --on-dark-ghost-border:rgba(237,234,226,.15);--on-dark-ghost-border-hover:rgba(237,234,226,.35);
  --logo-stalk3:#1A1916;--logo-stalk3-footer:#EDEAE2;
  /* Semantic */
  --error:#B4453A;--error-bg:rgba(180,69,58,.1);--error-border:rgba(180,69,58,.3);
  --overlay:rgba(15,15,13,.62);
  /* AMBIT process colours (journey building visual) */
  --ambit-initiative:#2660A4;--ambit-mechanics:#4A7AAA;--ambit-technology:#2A7A50;
  --ambit-meetings:#4A8A7A;--ambit-strategic:#8B3A2A;--ambit-foundation:#5A5A7A;

  /* Semantic aliases */
  --surface-page:var(--paper);--surface-alt:var(--paper2);--surface-inverse:var(--dark-bg);
  --text-heading:var(--head);--text-body:var(--body);--text-muted:var(--mid);--text-accent:var(--green);
  --text-on-inverse:var(--on-dark);--text-on-inverse-muted:var(--on-dark-60);
  --border-default:var(--border);--border-strong:var(--border2);--border-accent:var(--green);
  --accent:var(--green);--accent-hover:var(--green2);--accent-tint:var(--greenbg);
}
html.dark{
  --paper:#0F0F0D;--paper2:#161614;--border:#2C2C28;--border2:#3E3E38;
  --mid:#72726A;--body:#BFBCB3;--head:#EDEAE2;
  --surface-card:#1C1C19;--greenlight:#0D2419;--greenbg:rgba(45,122,79,0.12);
  --logo-stalk3:#EDEAE2;--logo-stalk3-footer:rgba(237,234,226,0.45);
  --dark-bg:#111110;--btn-solid:#3A3832;
}