🎨 Base Variables

Theme-designer typography integration with --base-* variables for fonts, sizes, and weights

Typography Controls

Paste <link> tag or URL

--base-font-family

2xs: tiny labels • xs: group labels, hints • sm: option text, badges • base: input text • lg: large displays

2xs

base

normal

medium

semibold

tight

normal

relaxed

Basic single selection. Tests input styling and dropdown typography.

Multiple selection with badge display. Tests badge typography and sizing.

Count display mode. Tests counter typography.

Tests group label typography and styling.

/* Current --base-* CSS Variables */

:root { /* No overrides set - using component defaults */ }