:root{
--navy-900:#302E4A;
--navy-800:#3a3862;
--steel-600:#577494;
--steel-500:#6685a8;
--mist-400:#8B9AA8;
--mist-300:#a9b6c1;
--bg-light:#F4F6F8;
--white:#FFFFFF;
--anthracite:#3A3D45;
--success:#4C7A5E;
--success-bg:#E9F2ED;
--warning:#9A6A2E;
--warning-bg:#FBF1E4;
--border-hairline:#E1E5EA;

--color-primary:var(--navy-900);
--color-secondary:var(--steel-600);
--color-accent:var(--mist-400);
--color-surface:var(--white);
--color-surface-muted:var(--bg-light);
--color-text-body:var(--anthracite);
--color-text-heading:var(--navy-900);
--color-text-muted:#6b6f78;
--color-text-on-primary:var(--white);
--color-border:var(--border-hairline);
--color-link:var(--steel-600);
--color-link-hover:var(--navy-900);
--color-focus-ring:var(--steel-500);
}