---
url: "https://vueda.dev/v3/reference/theming/tokens/base.md"
title: "Base tokens"
---

# Base tokens

| Name | Light | Dark | Description | Tailwind utility |
| --- | --- | --- | --- | --- |
| `--radius` | `0.25rem` |  |  | `radius: lg` |
| `--vueda-hairline-width` | `1px` |  |  |  |
| `--vueda-focus-ring-width` | `2px` |  |  |  |
| `--vueda-focus-ring-offset` | `2px` |  |  |  |

## Tokens

<a id="css-token-radius"></a>

### --radius

| Field | Value |
| --- | --- |
| Light | `0.25rem` |
| Tailwind utility | `radius: lg` |
| Source | `client/lib/theme/vueda-tailwind/base.css:449` |

<a id="css-token-vueda-hairline-width"></a>

### --vueda-hairline-width

| Field | Value |
| --- | --- |
| Light | `1px` |
| Source | `client/lib/theme/vueda-tailwind/base.css:753` |

<a id="css-token-vueda-focus-ring-width"></a>

### --vueda-focus-ring-width

| Field | Value |
| --- | --- |
| Light | `2px` |
| Source | `client/lib/theme/vueda-tailwind/base.css:754` |

<a id="css-token-vueda-focus-ring-offset"></a>

### --vueda-focus-ring-offset

| Field | Value |
| --- | --- |
| Light | `2px` |
| Source | `client/lib/theme/vueda-tailwind/base.css:755` |