/* Mirrors the MDDS design system ("MDDS · 01 Foundations (tokens & styles)",
   Figma). Do not edit by hand: change it in the DS and sync here. */

/* ── Spacing: gap ── */
.md-gap-none { gap: var(--md-spacing-none); }
.md-gap-4xs { gap: var(--md-spacing-4xs); }
.md-gap-3xs { gap: var(--md-spacing-3xs); }
.md-gap-2xs { gap: var(--md-spacing-2xs); }
.md-gap-xs { gap: var(--md-spacing-xs); }
.md-gap-sm { gap: var(--md-spacing-sm); }
.md-gap-mn { gap: var(--md-spacing-mn); }
.md-gap-lg { gap: var(--md-spacing-lg); }
.md-gap-xl { gap: var(--md-spacing-xl); }
.md-gap-2xl { gap: var(--md-spacing-2xl); }
.md-gap-3xl { gap: var(--md-spacing-3xl); }

/* ── Spacing: padding ── */
.md-p-none { padding: var(--md-spacing-none); }
.md-p-4xs { padding: var(--md-spacing-4xs); }
.md-p-3xs { padding: var(--md-spacing-3xs); }
.md-p-2xs { padding: var(--md-spacing-2xs); }
.md-p-xs { padding: var(--md-spacing-xs); }
.md-p-sm { padding: var(--md-spacing-sm); }
.md-p-mn { padding: var(--md-spacing-mn); }
.md-p-lg { padding: var(--md-spacing-lg); }
.md-p-xl { padding: var(--md-spacing-xl); }
.md-p-2xl { padding: var(--md-spacing-2xl); }
.md-p-3xl { padding: var(--md-spacing-3xl); }

/* ── Spacing: margin ── */
.md-m-none { margin: var(--md-spacing-none); }
.md-m-4xs { margin: var(--md-spacing-4xs); }
.md-m-3xs { margin: var(--md-spacing-3xs); }
.md-m-2xs { margin: var(--md-spacing-2xs); }
.md-m-xs { margin: var(--md-spacing-xs); }
.md-m-sm { margin: var(--md-spacing-sm); }
.md-m-mn { margin: var(--md-spacing-mn); }
.md-m-lg { margin: var(--md-spacing-lg); }
.md-m-xl { margin: var(--md-spacing-xl); }
.md-m-2xl { margin: var(--md-spacing-2xl); }
.md-m-3xl { margin: var(--md-spacing-3xl); }

/* ── Border radius ── */
.md-radius-none { border-radius: var(--md-radius-none); }
.md-radius-2xs { border-radius: var(--md-radius-2xs); }
.md-radius-xs { border-radius: var(--md-radius-xs); }
.md-radius-sm { border-radius: var(--md-radius-sm); }
.md-radius-mn { border-radius: var(--md-radius-mn); }
.md-radius-lg { border-radius: var(--md-radius-lg); }
.md-radius-xl { border-radius: var(--md-radius-xl); }
.md-radius-2xl { border-radius: var(--md-radius-2xl); }
.md-radius-full { border-radius: var(--md-radius-full); }
.md-radius-circle { border-radius: var(--md-radius-circle); }

/* ── Border width ── */
.md-border-w-none { border-width: var(--md-border-width-none); }
.md-border-w-sm { border-width: var(--md-border-width-sm); }
.md-border-w-mn { border-width: var(--md-border-width-mn); }
.md-border-w-lg { border-width: var(--md-border-width-lg); }
.md-border-w-xl { border-width: var(--md-border-width-xl); }

/* ── Z-index ── */
.md-z-below { z-index: var(--md-z-index-below); }
.md-z-none { z-index: var(--md-z-index-none); }
.md-z-xs { z-index: var(--md-z-index-xs); }
.md-z-sm { z-index: var(--md-z-index-sm); }
.md-z-mn { z-index: var(--md-z-index-mn); }
.md-z-lg { z-index: var(--md-z-index-lg); }
.md-z-xl { z-index: var(--md-z-index-xl); }
.md-z-2xl { z-index: var(--md-z-index-2xl); }
.md-z-3xl { z-index: var(--md-z-index-3xl); }
.md-z-full { z-index: var(--md-z-index-full); }