Theme Token Resolver — T007 Demo

The CSS custom properties below are attached as an inline style attribute on <html> — open DevTools and inspect the root element to see the full list.

Colors

--color-primary

#2563eb

--color-primary-foreground

#ffffff

--color-secondary

#f59e0b

--color-secondary-foreground

#1f2937

--color-card-background

#f8fafc

--color-card-text

#0f172a

--color-page-background

#ffffff

--color-page-text

#111827

--color-border

#e2e8f0

--color-success

#16a34a

--color-error

#dc2626

Spacing

--spacing-xs
4px
--spacing-sm
8px
--spacing-md
16px
--spacing-lg
24px
--spacing-xl
32px
--spacing-2xl
48px

Typography & Borders

--font-family: system-ui, sans-serif
--font-size-base: 16px
--font-size-sm: 14px
--font-size-lg: 18px
--font-size-xl: 20px
--font-size-heading: 28px
--line-height-base: 1.5
--border-radius: 8px
--border-radius-sm: 4px
--border-radius-lg: 16px