:root {
  --space-lg: 1rem; /** Spacious spacing for major layout divisions and visual separation between content blocks. */
  --space-md: 0.75rem; /** Relaxed spacing for breathing room and comfortable internal container space. */
  --space-sm: 0.5rem; /** Default spacing for most UI elements. Comfortable visual density for standard component layouts. */
  --space-xl: 1.5rem; /** Expansive spacing for large sections and top-level structure separation. */
  --space-xs: 0.25rem; /** Compact spacing for small badges, tight internal spacing, and minimal breathing room. */
  --space-xxs: 0.125rem; /** Ultra-compact spacing for form field separators and tight visual divisions. */
}