:root {
    --margin-xs:4px;
    --margin-s: 8px;
    --margin-m: 16px;
    --margin-l: 24px;
    --margin-xl: 32px;
    --padding-inline-xl: 32px;
}

.margin-block-xs {
    margin-bottom: var(--margin-xs);
}
.margin-block-s {
    margin-bottom: var(--margin-s);
}
.margin-block-m {
    margin-block: var(--margin-m);
}
.margin-block-l {
    margin-bottom: var(--margin-l);
}
.margin-block-xl {
    margin-bottom: var(--margin-xl);
}

.padding-inline-xl {
    padding-inline: var(--padding-inline-xl);
}