@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/bento/base.css

Color, spacing, and typography primitives for the Primer Brand Design System

/**
 * Do not edit directly
 * Generated on Thu, 12 Mar 2026 15:02:27 GMT
 */

:root {
  --brand-Bento-content-padding-spacious: 3.5rem;
  --brand-Bento-content-padding-normal: var(--base-size-24);
  --brand-Bento-content-padding-condensed: var(--base-size-16);
  --brand-Bento-item-borderRadius-large: var(--brand-borderRadius-xlarge);
  --brand-Bento-item-borderRadius-medium: var(--brand-borderRadius-xlarge);
  --brand-Bento-item-borderRadius-small: var(--brand-borderRadius-large);
  --brand-Bento-gap-small: var(--base-size-20);
  --brand-Bento-gap-medium: var(--base-size-32);
  --brand-Bento-gap-large: var(--base-size-32);
}