:root{
/* ── Base palette — lifted from kalatu-alex less/settings.less + layout.less ── */
--en-navy-900:#222a37;--en-navy-800:#333e50;--en-navy-700:#384067;--en-navy-600:#455077;--en-navy-500:#465080;--en-navy-400:#6b699b;--en-navy-300:#71788f;--en-navy-100:#cdd0dc;
--en-sky-600:#33768c;--en-sky-500:#6fb7dd;--en-sky-400:#7ebfe1;--en-sky-300:#8fd2e2;--en-sky-200:#6ee9ff;
--en-teal-700:#06495f;--en-teal-600:#1eafa7;--en-teal-500:#37cfc7;
--en-green-500:#81a71c;--en-red-500:#ff0000;
--en-ink-900:#312c2e;--en-ink-700:#3d3d3d;--en-ink-600:#383838;--en-ink-500:#555555;--en-ink-400:#4a4a4a;--en-ink-300:#949494;
--en-grey-100:#ecedf1;--en-grey-150:#edeef2;--en-grey-200:#f4f4f4;--en-grey-400:#cccccc;--en-white:#ffffff;

/* ── Semantic aliases — what components should reference ── */
--surface-page:var(--en-grey-200);--surface-card:var(--en-white);--surface-nav:var(--en-white);
--surface-inset:var(--en-grey-100);--surface-chip:var(--en-grey-150);--surface-footer:var(--en-navy-600);
--surface-band:var(--en-navy-700);--surface-optin:var(--en-teal-700);--surface-feature:var(--en-sky-600);
--text-body:var(--en-ink-500);--text-heading:var(--en-ink-900);--text-meta:var(--en-ink-300);
--text-on-dark:var(--en-white);--text-on-footer:var(--en-navy-100);--text-nav:var(--en-navy-900);
--text-link:var(--en-sky-500);--text-link-hover:var(--en-sky-500);
--accent:var(--en-sky-500);--accent-alt:var(--en-teal-500);--accent-hi:var(--en-sky-200);
--brand-block:var(--en-navy-500);
--action-bg:var(--en-teal-600);--action-bg-hover:var(--en-navy-500);--action-fg:var(--en-white);
--border-input:var(--en-grey-400);--border-hairline:rgba(3,5,6,.10);
--state-error:var(--en-red-500);--state-success:#008000;
--media-frame:rgba(51,62,80,.10);
}