/* ==========================================================================
   Spacing Utilities
   ========================================================================== */

/* Gap */
.gap {
    gap: var(--size-3);
}

.gap-half {
    gap: var(--size-2);
}

.gap-double {
    gap: var(--size-6);
}

.column-gap {
    column-gap: var(--size-3);
}

.column-gap-half {
    column-gap: var(--size-2);
}

.column-gap-double {
    column-gap: var(--size-6);
}

.row-gap {
    row-gap: var(--size-3);
}

.row-gap-half {
    row-gap: var(--size-2);
}

.row-gap-double {
    row-gap: var(--size-6);
}

/* Padding */
.pad {
    padding: var(--size-3);
}

.pad-half {
    padding: var(--size-2);
}

.pad-double {
    padding: var(--size-6);
}

.pad-none {
    padding: 0;
}

.pad-block {
    padding-block: var(--size-3);
}

.pad-block-half {
    padding-block: var(--size-2);
}

.pad-block-double {
    padding-block: var(--size-6);
}

.pad-inline {
    padding-inline: var(--size-3);
}

.pad-inline-half {
    padding-inline: var(--size-2);
}

.pad-inline-double {
    padding-inline: var(--size-6);
}

/* Margin */
.margin {
    margin: var(--size-3);
}

.margin-half {
    margin: var(--size-2);
}

.margin-double {
    margin: var(--size-6);
}

.margin-none {
    margin: 0;
}

.margin-auto {
    margin: auto;
}

.margin-block {
    margin-block: var(--size-3);
}

.margin-block-half {
    margin-block: var(--size-2);
}

.margin-block-double {
    margin-block: var(--size-6);
}

.margin-block-start {
    margin-block-start: var(--size-3);
}

.margin-block-start-half {
    margin-block-start: var(--size-2);
}

.margin-block-start-double {
    margin-block-start: var(--size-6);
}

.margin-block-end {
    margin-block-end: var(--size-3);
}

.margin-block-end-half {
    margin-block-end: var(--size-2);
}

.margin-block-end-double {
    margin-block-end: var(--size-6);
}

.margin-inline {
    margin-inline: var(--size-3);
}

.margin-inline-half {
    margin-inline: var(--size-2);
}

.margin-inline-double {
    margin-inline: var(--size-6);
}

.margin-inline-auto {
    margin-inline: auto;
}

/* Special Centering */
.center {
    margin-inline: auto;
}