:root{
/* ---- Base palette. Prussian Blue is the only brand colour. ---- */
--prussian:#003153;
--prussian-light:#1A6FA0;
--refine-gold:#DAA520;
--verdigris:#40826D;
--editors-red:#C0392B;
--cool-white:#FAF9F6;
--near-black:#1A1A1A;
--body-grey:#333333;
--muted-grey:#6B6B68;
--absent-grey:#9b9b97;

/* ---- Prussian Blue alpha derivatives (never new hues) ---- */
--pb-grid:rgba(0,49,83,0.04);
--pb-divider:rgba(0,49,83,0.09);
--pb-divider-app:rgba(0,49,83,0.07);
--pb-pill:rgba(0,49,83,0.05);
--pb-pill-border:rgba(0,49,83,0.22);
--pb-card-border:rgba(0,49,83,0.10);
--pb-keycap-border:rgba(0,49,83,0.25);
--pb-label:rgba(0,49,83,0.40);
--pb-chart-grid:rgba(0,49,83,0.08);
--pb-chart-baseline:rgba(0,49,83,0.22);
--pb-sidebar:rgba(0,49,83,0.04);
--pb-column:rgba(0,49,83,0.05);
--pb-column-edge:rgba(0,49,83,0.28);
--pb-thead:rgba(0,49,83,0.03);
--red-armed:rgba(192,57,43,0.14);
--refine-gold-70:rgba(218,165,32,0.70);

/* ---- Neutral surfaces lifted from the site ---- */
--white-50:rgba(255,255,255,0.5);
--icon-well:#e9eef1;
--frame-top:#f1f0ec;
--frame-bottom:#e9eef1;
--prussian-press:#002942;
--on-prussian-accent:#9cc4dd;
--on-prussian-label:#cfe0ec;
--on-prussian-body:rgba(255,255,255,0.86);
--on-prussian-strong:rgba(255,255,255,0.92);

/* ---- Semantic aliases ---- */
--text-heading:var(--near-black);
--text-body:var(--body-grey);
--text-muted:var(--muted-grey);
--text-accent:var(--prussian);
--text-on-prussian:var(--on-prussian-strong);
--surface-page:var(--cool-white);
--surface-card:var(--white-50);
--surface-inverse:var(--prussian);
--surface-sidebar:var(--pb-sidebar);
--border-card:var(--pb-card-border);
--border-divider:var(--pb-divider);
--border-control:var(--pb-pill-border);
--action-primary:var(--prussian);
--action-primary-hover:var(--prussian-press);
--action-primary-text:var(--cool-white);
--state-done:var(--verdigris);
--state-error:var(--editors-red);
--state-refine:var(--refine-gold);
--state-continuous:var(--prussian-light);
--focus-ring:var(--prussian);
}