---
version: 11.3.0
generatedAt: 2026-05-19T08:46:53.042Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

---

**Beta:** The `--token-*` CSS custom properties are in beta. We encourage you to start using them and welcome your feedback. The token API may still change, but we will communicate any breaking changes.

---

## Radius

Radius tokens control border-radius values across themes. They map to foundation size values and may differ between brands.

| Token                 | DNB Light  | DNB Dark   | Sbanken Light | Sbanken Dark | Carnegie   |
| --------------------- | ---------- | ---------- | ------------- | ------------ | ---------- |
| `--token-radius-0`    | `0`        | `0`        | `0`           | `0`          | `0`        |
| `--token-radius-xs`   | `0.125rem` | `0.125rem` | `0.125rem`    | `0.125rem`   | `0`        |
| `--token-radius-sm`   | `0.25rem`  | `0.25rem`  | `0.25rem`     | `0.25rem`    | `0.125rem` |
| `--token-radius-md`   | `0.5rem`   | `0.5rem`   | `0.5rem`      | `0.5rem`     | `0.125rem` |
| `--token-radius-lg`   | `1rem`     | `1rem`     | `1rem`        | `1rem`       | `0.25rem`  |
| `--token-radius-xl`   | `1.5rem`   | `1.5rem`   | `1.5rem`      | `1.5rem`     | `1.5rem`   |
| `--token-radius-full` | `9999px`   | `9999px`   | `9999px`      | `9999px`     | `9999px`   |