Colors — Primary Scale

--color-primary-50 var(--color-neutral-50)

--color-primary-100 var(--color-neutral-100)

--color-primary-200 var(--color-neutral-200)

--color-primary-300 var(--color-neutral-300)

--color-primary-400 var(--color-neutral-400)

--color-primary-500 var(--color-neutral-500)

--color-primary-600 var(--color-neutral-600)

--color-primary-700 var(--color-neutral-700)

--color-primary-800 var(--color-neutral-800)

--color-primary-900 var(--color-neutral-900)

--color-primary-950 var(--color-neutral-950)

--color-shadow-2xs #0000001d

--color-shadow-xs #0000001d

--color-shadow-sm #0000001a

--color-shadow-md #0000001a

--color-shadow-lg #0000001a

--color-shadow-xl #0000001a

--color-shadow-2xl #00000040

--color-neutral-50);
  --sidebar-foreground

var(--color-neutral-950)

--color-primary-50);
  --sidebar-accent

var(--color-neutral-100)

--color-neutral-50);
  --header-foreground

var(--color-neutral-950)

--color-white);
  --foreground

var(--color-neutral-950)

--color-primary-900);
  --primary-foreground

var(--color-primary-50)

--color-neutral-100);
  --secondary-foreground

var(--color-neutral-900)

Typography

Lead paragraph — introductory text that sets the stage for body content below.

Body paragraph. Vortex defaults to Noto Sans KR at 14px with a relaxed reading rhythm suited to enterprise dashboards and forms.

Muted helper text for secondary information.

inline code sample

Card Title

Short description of a Vortex card surface with a neutral background and subtle border.

Draft Active Pending