:root{
--pp-blue-900:#0b3654;
--pp-blue-800:#0e4a72;
--pp-blue-700:#155e8c;
--pp-blue-600:#1c72a8;
--pp-blue-500:#2f8bc4;
--pp-blue-100:#e8f2fa;
--pp-blue-050:#f4f9fc;
--pp-black:#0c0c0c;
--pp-ink:#1b2733;
--pp-body:#5c6b78;
--pp-muted:#8b98a3;
--pp-surface:#ffffff;
--pp-surface-alt:#f2f5f7;
--pp-border:#dde5eb;
--pp-white:#ffffff;
--color-bg-page:var(--pp-surface);
--color-bg-section:var(--pp-surface-alt);
--color-bg-band:var(--pp-blue-700);
--color-bg-dark:var(--pp-black);
--color-text-heading:var(--pp-ink);
--color-text-body:var(--pp-body);
--color-text-onblue:#ffffff;
--color-text-onblue-muted:#cfe4f2;
--color-accent:var(--pp-blue-600);
--color-accent-hover:var(--pp-blue-700);
--color-border:var(--pp-border);
--color-check:var(--pp-blue-600);
--color-link:var(--pp-blue-600);
--color-link-hover:var(--pp-blue-700);
}