Fiquei uma noite inteira tentando entender essa parte das variávies e calculos.. Pra mim, ficou um pouco mais claro, quando troquei os nomes da váriaveis para inglês. Espero que ajude mais alguém:
.section__cards {
display: grid;
row-gap: 1rem;
--column-gap: 1.25rem;
column-gap: var(--column-gap);
--gap-proportional: var(--column-gap) * (var(--maximum-number-cols) - 1) / var(--maximum-number-cols);
/*Largura minima da coluna*/
--minimum-col-width: 100%/2 - var(--gap-proportional);
/*Largura maxima da coluna*/
--max-maximum-col-width: 100%/var(--maximum-number-cols);
--maximum-col-width: max(var(--min-maximum-col-width), var(--max-maximum-col-width) - var(--gap-proportional));
--minimum: min(var(--minimum-col-width), var(--maximum-col-width));
grid-template-columns: repeat(auto-fit, minmax(var(--minimum), 1fr));
}