Category	Token Names	Description
Brand Colors	--bs-primary, --bs-secondary, --bs-success, --bs-danger, --bs-warning, --bs-info, --bs-light, --bs-dark	Standard theme colors used across components.
Grays	--bs-gray-100 through --bs-gray-900	Neutral grayscale system for backgrounds, borders, and text.
Text & Body Colors	--bs-body-color, --bs-body-bg, --bs-heading-color, --bs-link-color, --bs-link-hover-color	Tokens for global body styling and text colors.
Font Families	--bs-font-sans-serif, --bs-font-monospace	Base fonts for UI and code.
Font Sizes (Sass)	$h1-font-size through $h6-font-size, $font-size-base, $font-size-sm, $font-size-lg	Typography scale for headings and body text.
Line Heights	--bs-body-line-height, $line-height-base	System for vertical rhythm and readability.
Spacing Scale (Sass)	$spacer, $spacers (0–5)	Rem-based spacing scale for margin and padding utilities.
Gutters	--bs-gutter-x, --bs-gutter-y	Horizontal and vertical spacing in the grid system.
Borders	--bs-border-width, --bs-border-color	Tokens for defining border weight and color.
Border Radius	--bs-border-radius, --bs-border-radius-sm, --bs-border-radius-lg, --bs-border-radius-pill, --bs-border-radius-2xl	Corner rounding tokens used in components.
Shadows	--bs-box-shadow, --bs-box-shadow-sm, --bs-box-shadow-lg	Shadow styles for UI depth.
Breakpoints (Sass)	$breakpoint-sm (576px), $breakpoint-md (768px), $breakpoint-lg (992px), $breakpoint-xl (1200px), $breakpoint-xxl (1400px)	Responsive design breakpoints.
Z-Index Layers (Sass)	$zindex-dropdown, $zindex-sticky, $zindex-fixed, $zindex-modal, $zindex-popover, $zindex-tooltip	Layering order for interactive UI elements.
Component Tokens	--bs-btn-padding-x, --bs-btn-padding-y, --bs-btn-font-size, --bs-card-spacer-x, and many others…	Internal styling tokens for specific Bootstrap components.