/* =======================================================
PROJECT: Design System
SOURCE: Figma Tokens (Auto-Generated)
ARCHITECTURE: Variable-Based Spacing System
STRUCTURE:
1. Root Variables (Desktop Base)
2. Responsive Overrides
3. Utility Classes (Compact / Regular / Spacious)
RULES:
- No aliasing
- Explicit pixel values
- Variable name = Class name
- Fully responsive
======================================================= */

/* =======================================================
DESIGN SYSTEM ROOT VARIABLES
Breakpoint: Desktop (1440px Base)
======================================================= */
:root {
	--text-regular-eyebrow-gap: 8px;
	--text-regular-heading-gap: 24px;
	--text-regular-paragraph-gap: 16px;
	--text-regular-list-item-gap: 12px;
	--text-regular-list-block-gap: 24px;
	--text-regular-quote-gap: 32px;
	--text-compact-eyebrow-gap: 4px;
	--text-compact-heading-gap: 16px;
	--text-compact-paragraph-gap: 12px;
	--text-compact-list-item-gap: 8px;
	--text-compact-list-block-gap: 16px;
	--text-compact-quote-gap: 24px;
	--text-spacious-eyebrow-gap: 12px;
	--text-spacious-heading-gap: 32px;
	--text-spacious-paragraph-gap: 20px;
	--text-spacious-list-item-gap: 16px;
	--text-spacious-list-block-gap: 32px;
	--text-spacious-quote-gap: 48px;
	--stack-regular-block-gap: 32px;
	--stack-regular-group-gap: 24px;
	--stack-regular-item-gap: 12px;
	--stack-regular-action-gap: 24px;
	--stack-compact-block-gap: 24px;
	--stack-compact-group-gap: 16px;
	--stack-compact-item-gap: 8px;
	--stack-compact-action-gap: 16px;
	--stack-spacious-block-gap: 48px;
	--stack-spacious-group-gap: 32px;
	--stack-spacious-item-gap: 16px;
	--stack-spacious-action-gap: 32px;
	--inline-regular-inline-item-gap: 12px;
	--inline-regular-icon-text-gap: 8px;
	--inline-compact-inline-item-gap: 8px;
	--inline-compact-icon-text-gap: 6px;
	--inline-spacious-inline-item-gap: 16px;
	--inline-spacious-icon-text-gap: 12px;
	--layout-regular-section-padding: 80px;
	--layout-regular-section-padding-x: 24px;
	--layout-regular-section-padding-y: 48px;
	--layout-regular-2-column-gap: 80px;
	--layout-regular-grid-column-gap: 24px;
	--layout-regular-grid-row-gap: 32px;
	--layout-compact-section-padding: 64px;
	--layout-compact-section-padding-x: 16px;
	--layout-compact-section-padding-y: 32px;
	--layout-compact-2-column-gap: 48px;
	--layout-compact-grid-column-gap: 16px;
	--layout-compact-grid-row-gap: 24px;
	--layout-spacious-section-padding: 80px;
	--layout-spacious-section-padding-x: 32px;
	--layout-spacious-section-padding-y: 80px;
	--layout-spacious-2-column-gap: 100px;
	--layout-spacious-grid-column-gap: 32px;
	--layout-spacious-grid-row-gap: 48px;
	--component-card-regular-padding-x: 24px;
	--component-card-regular-padding-y: 24px;
	--component-card-regular-item-gap: 12px;
	--component-card-regular-group-gap: 24px;
	--component-card-regular-action-gap: 24px;
	--component-card-compact-padding-x: 16px;
	--component-card-compact-padding-y: 16px;
	--component-card-compact-item-gap: 8px;
	--component-card-compact-group-gap: 16px;
	--component-card-compact-action-gap: 16px;
	--component-card-spacious-padding-x: 32px;
	--component-card-spacious-padding-y: 32px;
	--component-card-spacious-item-gap: 16px;
	--component-card-spacious-group-gap: 32px;
	--component-card-spacious-action-gap: 32px;
	--component-list-regular-padding-x: 24px;
	--component-list-regular-padding-y: 16px;
	--component-list-regular-item-gap: 24px;
	--component-list-regular-item-inner-gap: 12px;
	--component-list-compact-padding-x: 16px;
	--component-list-compact-padding-y: 12px;
	--component-list-compact-item-gap: 16px;
	--component-list-compact-item-inner-gap: 8px;
	--component-form-regular-padding: 48px;
	--component-form-regular-group-gap: 24px;
	--component-form-regular-field-gap: 12px;
	--component-form-regular-action-gap: 24px;
	--component-form-compact-padding: 32px;
	--component-form-compact-group-gap: 16px;
	--component-form-compact-field-gap: 8px;
	--component-form-compact-action-gap: 16px;
	--component-button-regular-padding-x: 16px;
	--component-button-regular-padding-y: 8px;
	--component-button-regular-icon-gap: 8px;
	--component-button-regular-group-gap: 16px;
	--component-button-compact-padding-x: 12px;
	--component-button-compact-padding-y: 6px;
	--component-button-compact-icon-gap: 6px;
	--component-button-compact-group-gap: 12px;
	--component-button-spacious-padding-x: 20px;
}

/* =======================================================
RESPONSIVE OVERRIDE
Breakpoint: ≤1366px
======================================================= */
@media only screen and (max-width: 1366px) {
	:root {
		--text-regular-heading-gap: 23px;
		--text-regular-paragraph-gap: 15px;
		--text-regular-list-item-gap: 11px;
		--text-regular-list-block-gap: 23px;
		--text-regular-quote-gap: 30px;
		--text-compact-heading-gap: 15px;
		--text-compact-paragraph-gap: 11px;
		--text-compact-list-block-gap: 15px;
		--text-compact-quote-gap: 23px;
		--text-spacious-eyebrow-gap: 11px;
		--text-spacious-heading-gap: 30px;
		--text-spacious-paragraph-gap: 19px;
		--text-spacious-list-item-gap: 15px;
		--text-spacious-list-block-gap: 30px;
		--text-spacious-quote-gap: 46px;
		--stack-regular-block-gap: 30px;
		--stack-regular-group-gap: 23px;
		--stack-regular-item-gap: 11px;
		--stack-regular-action-gap: 23px;
		--stack-compact-block-gap: 23px;
		--stack-compact-group-gap: 15px;
		--stack-compact-action-gap: 15px;
		--stack-spacious-block-gap: 46px;
		--stack-spacious-group-gap: 30px;
		--stack-spacious-item-gap: 15px;
		--stack-spacious-action-gap: 30px;
		--inline-regular-inline-item-gap: 11px;
		--inline-spacious-inline-item-gap: 15px;
		--inline-spacious-icon-text-gap: 11px;
		--layout-regular-section-padding: 76px;
		--layout-regular-section-padding-x: 23px;
		--layout-regular-section-padding-y: 46px;
		--layout-regular-2-column-gap: 76px;
		--layout-regular-grid-column-gap: 23px;
		--layout-regular-grid-row-gap: 30px;
		--layout-compact-section-padding: 61px;
		--layout-compact-2-column-gap: 46px;
		--layout-compact-grid-row-gap: 23px;
		--layout-spacious-section-padding: 76px;
		--layout-spacious-section-padding-x: 30px;
		--layout-spacious-section-padding-y: 76px;
		--layout-spacious-2-column-gap: 95px;
		--layout-spacious-grid-column-gap: 30px;
		--layout-spacious-grid-row-gap: 46px;
		--component-card-regular-padding-x: 23px;
		--component-card-regular-padding-y: 23px;
		--component-card-regular-item-gap: 11px;
		--component-card-regular-group-gap: 23px;
		--component-card-regular-action-gap: 23px;
		--component-card-compact-padding-x: 15px;
		--component-card-compact-padding-y: 15px;
		--component-card-compact-group-gap: 15px;
		--component-card-compact-action-gap: 15px;
		--component-card-spacious-padding-x: 30px;
		--component-card-spacious-padding-y: 30px;
		--component-card-spacious-item-gap: 15px;
		--component-card-spacious-group-gap: 30px;
		--component-card-spacious-action-gap: 30px;
		--component-list-regular-padding-x: 23px;
		--component-list-regular-padding-y: 15px;
		--component-list-regular-item-gap: 23px;
		--component-list-regular-item-inner-gap: 11px;
		--component-list-compact-padding-x: 15px;
		--component-list-compact-padding-y: 11px;
		--component-list-compact-item-gap: 15px;
		--component-form-regular-padding: 46px;
		--component-form-regular-group-gap: 23px;
		--component-form-regular-field-gap: 11px;
		--component-form-regular-action-gap: 23px;
		--component-form-compact-padding: 30px;
		--component-form-compact-group-gap: 15px;
		--component-form-compact-action-gap: 15px;
		--component-button-regular-padding-x: 15px;
		--component-button-regular-group-gap: 15px;
		--component-button-spacious-padding-x: 19px;
	}
}

/* =======================================================
RESPONSIVE OVERRIDE
Breakpoint: ≤1199px
======================================================= */
@media only screen and (max-width: 1199px) {
	:root {
		--text-regular-eyebrow-gap: 7px;
		--text-regular-heading-gap: 21px;
		--text-regular-paragraph-gap: 14px;
		--text-regular-list-block-gap: 21px;
		--text-regular-quote-gap: 28px;
		--text-compact-heading-gap: 14px;
		--text-compact-list-block-gap: 14px;
		--text-compact-quote-gap: 21px;
		--text-spacious-heading-gap: 28px;
		--text-spacious-paragraph-gap: 18px;
		--text-spacious-list-item-gap: 14px;
		--text-spacious-list-block-gap: 28px;
		--text-spacious-quote-gap: 42px;
		--stack-regular-block-gap: 28px;
		--stack-regular-group-gap: 21px;
		--stack-regular-action-gap: 21px;
		--stack-compact-block-gap: 21px;
		--stack-compact-group-gap: 14px;
		--stack-compact-action-gap: 14px;
		--stack-spacious-block-gap: 42px;
		--stack-spacious-group-gap: 28px;
		--stack-spacious-item-gap: 14px;
		--stack-spacious-action-gap: 28px;
		--inline-regular-icon-text-gap: 7px;
		--inline-spacious-inline-item-gap: 14px;
		--layout-regular-section-padding: 70px;
		--layout-regular-section-padding-x: 21px;
		--layout-regular-section-padding-y: 42px;
		--layout-regular-2-column-gap: 70px;
		--layout-regular-grid-column-gap: 21px;
		--layout-regular-grid-row-gap: 28px;
		--layout-compact-section-padding: 56px;
		--layout-compact-2-column-gap: 42px;
		--layout-compact-grid-row-gap: 21px;
		--layout-spacious-section-padding: 70px;
		--layout-spacious-section-padding-x: 28px;
		--layout-spacious-section-padding-y: 70px;
		--layout-spacious-2-column-gap: 88px;
		--layout-spacious-grid-column-gap: 28px;
		--layout-spacious-grid-row-gap: 42px;
		--component-card-regular-padding-x: 21px;
		--component-card-regular-padding-y: 21px;
		--component-card-regular-group-gap: 21px;
		--component-card-regular-action-gap: 21px;
		--component-card-compact-padding-x: 14px;
		--component-card-compact-padding-y: 14px;
		--component-card-compact-group-gap: 14px;
		--component-card-compact-action-gap: 14px;
		--component-card-spacious-padding-x: 28px;
		--component-card-spacious-padding-y: 28px;
		--component-card-spacious-item-gap: 14px;
		--component-card-spacious-group-gap: 28px;
		--component-card-spacious-action-gap: 28px;
		--component-list-regular-padding-x: 21px;
		--component-list-regular-padding-y: 14px;
		--component-list-regular-item-gap: 21px;
		--component-list-compact-padding-x: 14px;
		--component-list-compact-item-gap: 14px;
		--component-form-regular-padding: 42px;
		--component-form-regular-group-gap: 21px;
		--component-form-regular-action-gap: 21px;
		--component-form-compact-padding: 28px;
		--component-form-compact-group-gap: 14px;
		--component-form-compact-action-gap: 14px;
		--component-button-regular-padding-x: 14px;
		--component-button-regular-icon-gap: 7px;
		--component-button-regular-group-gap: 14px;
		--component-button-spacious-padding-x: 18px;
	}
}

/* =======================================================
RESPONSIVE OVERRIDE
Breakpoint: ≤1024px
======================================================= */
@media only screen and (max-width: 1024px) {
	:root {
		--text-regular-eyebrow-gap: 6px;
		--text-regular-heading-gap: 19px;
		--text-regular-paragraph-gap: 13px;
		--text-regular-list-item-gap: 10px;
		--text-regular-list-block-gap: 19px;
		--text-regular-quote-gap: 26px;
		--text-compact-heading-gap: 13px;
		--text-compact-paragraph-gap: 10px;
		--text-compact-list-block-gap: 13px;
		--text-compact-quote-gap: 19px;
		--text-spacious-eyebrow-gap: 10px;
		--text-spacious-heading-gap: 26px;
		--text-spacious-paragraph-gap: 16px;
		--text-spacious-list-item-gap: 13px;
		--text-spacious-list-block-gap: 26px;
		--text-spacious-quote-gap: 38px;
		--stack-regular-block-gap: 26px;
		--stack-regular-group-gap: 19px;
		--stack-regular-item-gap: 10px;
		--stack-regular-action-gap: 19px;
		--stack-compact-block-gap: 19px;
		--stack-compact-group-gap: 13px;
		--stack-compact-action-gap: 13px;
		--stack-spacious-block-gap: 38px;
		--stack-spacious-group-gap: 26px;
		--stack-spacious-item-gap: 13px;
		--stack-spacious-action-gap: 26px;
		--inline-regular-inline-item-gap: 10px;
		--inline-regular-icon-text-gap: 6px;
		--inline-spacious-inline-item-gap: 13px;
		--inline-spacious-icon-text-gap: 10px;
		--layout-regular-section-padding: 64px;
		--layout-regular-section-padding-x: 19px;
		--layout-regular-section-padding-y: 38px;
		--layout-regular-2-column-gap: 64px;
		--layout-regular-grid-column-gap: 19px;
		--layout-regular-grid-row-gap: 26px;
		--layout-compact-section-padding: 51px;
		--layout-compact-2-column-gap: 38px;
		--layout-compact-grid-row-gap: 19px;
		--layout-spacious-section-padding: 64px;
		--layout-spacious-section-padding-x: 26px;
		--layout-spacious-section-padding-y: 64px;
		--layout-spacious-2-column-gap: 80px;
		--layout-spacious-grid-column-gap: 26px;
		--layout-spacious-grid-row-gap: 38px;
		--component-card-regular-padding-x: 19px;
		--component-card-regular-padding-y: 19px;
		--component-card-regular-item-gap: 10px;
		--component-card-regular-group-gap: 19px;
		--component-card-regular-action-gap: 19px;
		--component-card-compact-padding-x: 13px;
		--component-card-compact-padding-y: 13px;
		--component-card-compact-group-gap: 13px;
		--component-card-compact-action-gap: 13px;
		--component-card-spacious-padding-x: 26px;
		--component-card-spacious-padding-y: 26px;
		--component-card-spacious-item-gap: 13px;
		--component-card-spacious-group-gap: 26px;
		--component-card-spacious-action-gap: 26px;
		--component-list-regular-padding-x: 19px;
		--component-list-regular-padding-y: 13px;
		--component-list-regular-item-gap: 19px;
		--component-list-regular-item-inner-gap: 10px;
		--component-list-compact-padding-x: 13px;
		--component-list-compact-padding-y: 10px;
		--component-list-compact-item-gap: 13px;
		--component-form-regular-padding: 38px;
		--component-form-regular-group-gap: 19px;
		--component-form-regular-field-gap: 10px;
		--component-form-regular-action-gap: 19px;
		--component-form-compact-padding: 26px;
		--component-form-compact-group-gap: 13px;
		--component-form-compact-action-gap: 13px;
		--component-button-regular-padding-x: 13px;
		--component-button-regular-icon-gap: 6px;
		--component-button-regular-group-gap: 13px;
		--component-button-spacious-padding-x: 16px;
	}
}

/* =======================================================
RESPONSIVE OVERRIDE
Breakpoint: ≤767px
======================================================= */
@media only screen and (max-width: 767px) {
	:root {
		--text-regular-heading-gap: 17px;
		--text-regular-paragraph-gap: 11px;
		--text-regular-list-item-gap: 8px;
		--text-regular-list-block-gap: 17px;
		--text-regular-quote-gap: 22px;
		--text-compact-heading-gap: 11px;
		--text-compact-paragraph-gap: 8px;
		--text-compact-list-block-gap: 11px;
		--text-compact-quote-gap: 17px;
		--text-spacious-eyebrow-gap: 8px;
		--text-spacious-heading-gap: 22px;
		--text-spacious-paragraph-gap: 14px;
		--text-spacious-list-item-gap: 11px;
		--text-spacious-list-block-gap: 22px;
		--text-spacious-quote-gap: 34px;
		--stack-regular-block-gap: 22px;
		--stack-regular-group-gap: 17px;
		--stack-regular-item-gap: 8px;
		--stack-regular-action-gap: 17px;
		--stack-compact-block-gap: 17px;
		--stack-compact-group-gap: 12px;
		--stack-compact-action-gap: 12px;
		--stack-spacious-block-gap: 34px;
		--stack-spacious-group-gap: 22px;
		--stack-spacious-item-gap: 11px;
		--stack-spacious-action-gap: 22px;
		--inline-regular-inline-item-gap: 8px;
		--inline-spacious-inline-item-gap: 11px;
		--inline-spacious-icon-text-gap: 8px;
		--layout-regular-section-padding: 56px;
		--layout-regular-section-padding-x: 17px;
		--layout-regular-section-padding-y: 34px;
		--layout-regular-2-column-gap: 56px;
		--layout-regular-grid-column-gap: 17px;
		--layout-regular-grid-row-gap: 22px;
		--layout-compact-section-padding: 45px;
		--layout-compact-2-column-gap: 34px;
		--layout-compact-grid-row-gap: 17px;
		--layout-spacious-section-padding: 56px;
		--layout-spacious-section-padding-x: 22px;
		--layout-spacious-section-padding-y: 56px;
		--layout-spacious-2-column-gap: 70px;
		--layout-spacious-grid-column-gap: 22px;
		--layout-spacious-grid-row-gap: 34px;
		--component-card-regular-padding-x: 17px;
		--component-card-regular-padding-y: 17px;
		--component-card-regular-item-gap: 8px;
		--component-card-regular-group-gap: 17px;
		--component-card-regular-action-gap: 17px;
		--component-card-compact-padding-x: 12px;
		--component-card-compact-padding-y: 11px;
		--component-card-compact-group-gap: 12px;
		--component-card-compact-action-gap: 12px;
		--component-card-spacious-padding-x: 22px;
		--component-card-spacious-padding-y: 22px;
		--component-card-spacious-item-gap: 11px;
		--component-card-spacious-group-gap: 22px;
		--component-card-spacious-action-gap: 22px;
		--component-list-regular-padding-x: 17px;
		--component-list-regular-padding-y: 11px;
		--component-list-regular-item-gap: 17px;
		--component-list-regular-item-inner-gap: 8px;
		--component-list-compact-padding-x: 12px;
		--component-list-compact-padding-y: 8px;
		--component-list-compact-item-gap: 11px;
		--component-form-regular-padding: 34px;
		--component-form-regular-group-gap: 17px;
		--component-form-regular-field-gap: 8px;
		--component-form-regular-action-gap: 17px;
		--component-form-compact-padding: 22px;
		--component-form-compact-group-gap: 12px;
		--component-form-compact-action-gap: 12px;
		--component-button-regular-padding-x: 12px;
		--component-button-regular-group-gap: 12px;
		--component-button-spacious-padding-x: 14px;
	}
}

/* =======================================================
RESPONSIVE OVERRIDE
Breakpoint: ≤479px
======================================================= */
@media only screen and (max-width: 479px) {
	:root {
		--text-regular-eyebrow-gap: 5px;
		--text-regular-heading-gap: 15px;
		--text-regular-paragraph-gap: 10px;
		--text-regular-list-block-gap: 15px;
		--text-regular-quote-gap: 20px;
		--text-compact-heading-gap: 10px;
		--text-compact-list-block-gap: 10px;
		--text-compact-quote-gap: 15px;
		--text-spacious-heading-gap: 20px;
		--text-spacious-paragraph-gap: 13px;
		--text-spacious-list-item-gap: 10px;
		--text-spacious-list-block-gap: 20px;
		--text-spacious-quote-gap: 30px;
		--stack-regular-block-gap: 20px;
		--stack-regular-group-gap: 15px;
		--stack-regular-action-gap: 15px;
		--stack-compact-block-gap: 15px;
		--stack-spacious-block-gap: 30px;
		--stack-spacious-group-gap: 20px;
		--stack-spacious-item-gap: 10px;
		--stack-spacious-action-gap: 20px;
		--inline-spacious-inline-item-gap: 10px;
		--layout-regular-section-padding: 50px;
		--layout-regular-section-padding-x: 16px;
		--layout-regular-section-padding-y: 32px;
		--layout-regular-2-column-gap: 50px;
		--layout-regular-grid-column-gap: 16px;
		--layout-regular-grid-row-gap: 20px;
		--layout-compact-section-padding: 40px;
		--layout-compact-2-column-gap: 30px;
		--layout-compact-grid-row-gap: 16px;
		--layout-spacious-section-padding: 50px;
		--layout-spacious-section-padding-x: 20px;
		--layout-spacious-section-padding-y: 50px;
		--layout-spacious-2-column-gap: 63px;
		--layout-spacious-grid-column-gap: 20px;
		--layout-spacious-grid-row-gap: 30px;
		--component-card-regular-padding-x: 15px;
		--component-card-regular-padding-y: 15px;
		--component-card-regular-group-gap: 15px;
		--component-card-regular-action-gap: 15px;
		--component-card-compact-padding-y: 10px;
		--component-card-spacious-padding-x: 20px;
		--component-card-spacious-padding-y: 20px;
		--component-card-spacious-item-gap: 10px;
		--component-card-spacious-group-gap: 20px;
		--component-card-spacious-action-gap: 20px;
		--component-list-regular-padding-x: 15px;
		--component-list-regular-padding-y: 10px;
		--component-list-regular-item-gap: 15px;
		--component-list-compact-item-gap: 10px;
		--component-form-regular-padding: 30px;
		--component-form-regular-group-gap: 15px;
		--component-form-regular-action-gap: 15px;
		--component-form-compact-padding: 20px;
		--component-button-spacious-padding-x: 13px;
	}
}

/* =======================================================
RESPONSIVE OVERRIDE
Breakpoint: ≤374px
======================================================= */
@media only screen and (max-width: 374px) {
	:root {
		--text-regular-eyebrow-gap: 4px;
		--text-regular-heading-gap: 13px;
		--text-regular-paragraph-gap: 9px;
		--text-regular-list-block-gap: 13px;
		--text-regular-quote-gap: 18px;
		--text-compact-heading-gap: 9px;
		--text-compact-list-block-gap: 9px;
		--text-compact-quote-gap: 13px;
		--text-spacious-eyebrow-gap: 7px;
		--text-spacious-heading-gap: 18px;
		--text-spacious-paragraph-gap: 11px;
		--text-spacious-list-item-gap: 9px;
		--text-spacious-list-block-gap: 18px;
		--text-spacious-quote-gap: 26px;
		--stack-regular-block-gap: 18px;
		--stack-regular-group-gap: 13px;
		--stack-regular-action-gap: 13px;
		--stack-compact-block-gap: 13px;
		--stack-spacious-block-gap: 26px;
		--stack-spacious-group-gap: 18px;
		--stack-spacious-item-gap: 9px;
		--stack-spacious-action-gap: 18px;
		--inline-spacious-inline-item-gap: 9px;
		--inline-spacious-icon-text-gap: 7px;
		--layout-regular-section-padding: 44px;
		--layout-regular-2-column-gap: 44px;
		--layout-regular-grid-row-gap: 18px;
		--layout-compact-section-padding: 35px;
		--layout-compact-2-column-gap: 26px;
		--layout-spacious-section-padding: 44px;
		--layout-spacious-section-padding-x: 18px;
		--layout-spacious-section-padding-y: 44px;
		--layout-spacious-2-column-gap: 55px;
		--layout-spacious-grid-column-gap: 18px;
		--layout-spacious-grid-row-gap: 26px;
		--component-card-regular-padding-x: 13px;
		--component-card-regular-padding-y: 13px;
		--component-card-regular-group-gap: 13px;
		--component-card-regular-action-gap: 13px;
		--component-card-compact-padding-y: 9px;
		--component-card-spacious-padding-x: 18px;
		--component-card-spacious-padding-y: 18px;
		--component-card-spacious-item-gap: 9px;
		--component-card-spacious-group-gap: 18px;
		--component-card-spacious-action-gap: 18px;
		--component-list-regular-padding-x: 13px;
		--component-list-regular-padding-y: 9px;
		--component-list-regular-item-gap: 13px;
		--component-list-compact-item-gap: 9px;
		--component-form-regular-padding: 26px;
		--component-form-regular-group-gap: 13px;
		--component-form-regular-action-gap: 13px;
		--component-form-compact-padding: 18px;
		--component-button-spacious-padding-x: 12px;
	}
}

/* =======================================================
UTILITY CLASSES
Variable Name = Class Name Mapping
======================================================= */

/* -----------------------
Density: Compact
----------------------- */
.text-compact-eyebrow-gap {
	gap: var(--text-compact-eyebrow-gap);
}
.text-compact-heading-gap {
	gap: var(--text-compact-heading-gap);
}
.text-compact-paragraph-gap {
	gap: var(--text-compact-paragraph-gap);
}
.text-compact-list-item-gap {
	gap: var(--text-compact-list-item-gap);
}
.text-compact-list-block-gap {
	gap: var(--text-compact-list-block-gap);
}
.text-compact-quote-gap {
	gap: var(--text-compact-quote-gap);
}
.stack-compact-block-gap {
	gap: var(--stack-compact-block-gap);
}
.stack-compact-group-gap {
	gap: var(--stack-compact-group-gap);
}
.stack-compact-item-gap {
	gap: var(--stack-compact-item-gap);
}
.stack-compact-action-gap {
	gap: var(--stack-compact-action-gap);
}
.inline-compact-inline-item-gap {
	gap: var(--inline-compact-inline-item-gap);
}
.inline-compact-icon-text-gap {
	gap: var(--inline-compact-icon-text-gap);
}
.layout-compact-section-padding {
	gap: var(--layout-compact-section-padding);
}
.layout-compact-section-padding-x {
	padding-inline: var(--layout-compact-section-padding-x);
}
.layout-compact-section-padding-y {
	padding-block: var(--layout-compact-section-padding-y);
}
.layout-compact-2-column-gap {
	gap: var(--layout-compact-2-column-gap);
}
.layout-compact-grid-column-gap {
	column-gap: var(--layout-compact-grid-column-gap);
}
.layout-compact-grid-row-gap {
	row-gap: var(--layout-compact-grid-row-gap);
}
.component-card-compact-padding-x {
	padding-inline: var(--component-card-compact-padding-x);
}
.component-card-compact-padding-y {
	padding-block: var(--component-card-compact-padding-y);
}
.component-card-compact-item-gap {
	gap: var(--component-card-compact-item-gap);
}
.component-card-compact-group-gap {
	gap: var(--component-card-compact-group-gap);
}
.component-card-compact-action-gap {
	gap: var(--component-card-compact-action-gap);
}
.component-list-compact-padding-x {
	padding-inline: var(--component-list-compact-padding-x);
}
.component-list-compact-padding-y {
	padding-block: var(--component-list-compact-padding-y);
}
.component-list-compact-item-gap {
	gap: var(--component-list-compact-item-gap);
}
.component-list-compact-item-inner-gap {
	gap: var(--component-list-compact-item-inner-gap);
}
.component-form-compact-padding {
	gap: var(--component-form-compact-padding);
}
.component-form-compact-group-gap {
	gap: var(--component-form-compact-group-gap);
}
.component-form-compact-field-gap {
	gap: var(--component-form-compact-field-gap);
}
.component-form-compact-action-gap {
	gap: var(--component-form-compact-action-gap);
}
.component-button-compact-padding-x {
	padding-inline: var(--component-button-compact-padding-x);
}
.component-button-compact-padding-y {
	padding-block: var(--component-button-compact-padding-y);
}
.component-button-compact-icon-gap {
	gap: var(--component-button-compact-icon-gap);
}
.component-button-compact-group-gap {
	gap: var(--component-button-compact-group-gap);
}

/* -----------------------
Density: Regular
----------------------- */
.text-regular-eyebrow-gap {
	gap: var(--text-regular-eyebrow-gap);
}
.text-regular-heading-gap {
	gap: var(--text-regular-heading-gap);
}
.text-regular-paragraph-gap {
	gap: var(--text-regular-paragraph-gap);
}
.text-regular-list-item-gap {
	gap: var(--text-regular-list-item-gap);
}
.text-regular-list-block-gap {
	gap: var(--text-regular-list-block-gap);
}
.text-regular-quote-gap {
	gap: var(--text-regular-quote-gap);
}
.stack-regular-block-gap {
	gap: var(--stack-regular-block-gap);
}
.stack-regular-group-gap {
	gap: var(--stack-regular-group-gap);
}
.stack-regular-item-gap {
	gap: var(--stack-regular-item-gap);
}
.stack-regular-action-gap {
	gap: var(--stack-regular-action-gap);
}
.inline-regular-inline-item-gap {
	gap: var(--inline-regular-inline-item-gap);
}
.inline-regular-icon-text-gap {
	gap: var(--inline-regular-icon-text-gap);
}
.layout-regular-section-padding {
	gap: var(--layout-regular-section-padding);
}
.layout-regular-section-padding-x {
	padding-inline: var(--layout-regular-section-padding-x);
}
.layout-regular-section-padding-y {
	padding-block: var(--layout-regular-section-padding-y);
}
.layout-regular-2-column-gap {
	gap: var(--layout-regular-2-column-gap);
}
.layout-regular-grid-column-gap {
	column-gap: var(--layout-regular-grid-column-gap);
}
.layout-regular-grid-row-gap {
	row-gap: var(--layout-regular-grid-row-gap);
}
.component-card-regular-padding-x {
	padding-inline: var(--component-card-regular-padding-x);
}
.component-card-regular-padding-y {
	padding-block: var(--component-card-regular-padding-y);
}
.component-card-regular-item-gap {
	gap: var(--component-card-regular-item-gap);
}
.component-card-regular-group-gap {
	gap: var(--component-card-regular-group-gap);
}
.component-card-regular-action-gap {
	gap: var(--component-card-regular-action-gap);
}
.component-list-regular-padding-x {
	padding-inline: var(--component-list-regular-padding-x);
}
.component-list-regular-padding-y {
	padding-block: var(--component-list-regular-padding-y);
}
.component-list-regular-item-gap {
	gap: var(--component-list-regular-item-gap);
}
.component-list-regular-item-inner-gap {
	gap: var(--component-list-regular-item-inner-gap);
}
.component-form-regular-padding {
	gap: var(--component-form-regular-padding);
}
.component-form-regular-group-gap {
	gap: var(--component-form-regular-group-gap);
}
.component-form-regular-field-gap {
	gap: var(--component-form-regular-field-gap);
}
.component-form-regular-action-gap {
	gap: var(--component-form-regular-action-gap);
}
.component-button-regular-padding-x {
	padding-inline: var(--component-button-regular-padding-x);
}
.component-button-regular-padding-y {
	padding-block: var(--component-button-regular-padding-y);
}
.component-button-regular-icon-gap {
	gap: var(--component-button-regular-icon-gap);
}
.component-button-regular-group-gap {
	gap: var(--component-button-regular-group-gap);
}

/* -----------------------
Density: Spacious
----------------------- */
.text-spacious-eyebrow-gap {
	gap: var(--text-spacious-eyebrow-gap);
}
.text-spacious-heading-gap {
	gap: var(--text-spacious-heading-gap);
}
.text-spacious-paragraph-gap {
	gap: var(--text-spacious-paragraph-gap);
}
.text-spacious-list-item-gap {
	gap: var(--text-spacious-list-item-gap);
}
.text-spacious-list-block-gap {
	gap: var(--text-spacious-list-block-gap);
}
.text-spacious-quote-gap {
	gap: var(--text-spacious-quote-gap);
}
.stack-spacious-block-gap {
	gap: var(--stack-spacious-block-gap);
}
.stack-spacious-group-gap {
	gap: var(--stack-spacious-group-gap);
}
.stack-spacious-item-gap {
	gap: var(--stack-spacious-item-gap);
}
.stack-spacious-action-gap {
	gap: var(--stack-spacious-action-gap);
}
.inline-spacious-inline-item-gap {
	gap: var(--inline-spacious-inline-item-gap);
}
.inline-spacious-icon-text-gap {
	gap: var(--inline-spacious-icon-text-gap);
}
.layout-spacious-section-padding {
	gap: var(--layout-spacious-section-padding);
}
.layout-spacious-section-padding-x {
	padding-inline: var(--layout-spacious-section-padding-x);
}
.layout-spacious-section-padding-y {
	padding-block: var(--layout-spacious-section-padding-y);
}
.layout-spacious-2-column-gap {
	gap: var(--layout-spacious-2-column-gap);
}
.layout-spacious-grid-column-gap {
	column-gap: var(--layout-spacious-grid-column-gap);
}
.layout-spacious-grid-row-gap {
	row-gap: var(--layout-spacious-grid-row-gap);
}
.component-card-spacious-padding-x {
	padding-inline: var(--component-card-spacious-padding-x);
}
.component-card-spacious-padding-y {
	padding-block: var(--component-card-spacious-padding-y);
}
.component-card-spacious-item-gap {
	gap: var(--component-card-spacious-item-gap);
}
.component-card-spacious-group-gap {
	gap: var(--component-card-spacious-group-gap);
}
.component-card-spacious-action-gap {
	gap: var(--component-card-spacious-action-gap);
}
.component-button-spacious-padding-x {
	padding-inline: var(--component-button-spacious-padding-x);
}