Design tokens

Tokens er eksponert som CSS custom properties med prefixet --adb-.

Farger

Primitiver — rå verdier, aldri brukt direkte i komponenter:

--adb-brand-freshwater-blue-90: #005A71;
--adb-neutrals-ocean-90:        #262F31;

Semantiske tokens — det komponenter faktisk bruker:

--adb-surface-accent: #005A71;
--adb-text-primary:   #262F31;
--adb-border-default: #F2DFC5;

<html data-theme="dark">…</html>   <!-- tving mørk -->
<html data-theme="light">…</html>  <!-- tving lys  -->

Token	Kompakt	Komfortabel	Romslig
`--adb-spacing-xsm`	8px	8px	8px
`--adb-spacing-sm`	12px	16px	16px
`--adb-spacing-md`	16px	20px	24px
`--adb-spacing-lg`	24px	28px	32px
`--adb-spacing-xl`	32px	40px	48px
`--adb-spacing-2xl`	64px	80px	104px

<div data-density="compact">…</div>
<div data-density="spacious">…</div>

--adb-font-family-primary:   "Chivo", system-ui, sans-serif;
--adb-font-family-secondary: "Space Mono", ui-monospace, monospace;