# Background Color

## Essence

Canvas background color for pages and broad layout regions.

## Tokens

- Base: `--color-bg` = `#ffffff / rgb(255, 255, 255)`.
- Inverse: `--color-bg-inverse` = `--color-text` = `#191b1f / rgb(25, 27, 31)`.

## Internal Rules

- Use for page or shell backgrounds, not text.
- Use the inverse token for a deliberately inverse page region.
- Do not substitute `--color-text` directly as a background.

## Accessibility Notes

Pair with the matching base or inverse text token and verify contrast.

## Code Paths

- `packages/design-system/src/styles/tokens.css`