Color Primary/Color Primary 500

$color-primary

var(--color-primary)

Color Primary Light

$color-primary-light

var(--color-primary-light)

Color Primary Dark

$color-primary-dark

var(--color-primary-dark)

Color Primary 600

$color-primary-600

var(--color-primary-600)

Color Primary 400 (AAA)

$color-primary-400

var(--color-pirmary-400)

Color Primary 300

$color-primary-300

var(--color-pirmary-300)

Color Primary 200

$color-primary-200

var(--color-primary-200)

Color Primary 100

$color-primary-100

var(--color-primary-100)

Black

$color-black

var(--color-black)

Gray 1000

$color-gray-1000

var(--color-gray-1000)

Gray 900

$color-gray-900

var(--color-gray-900)

Gray 800

$color-gray-800

var(--color-gray-800)

Gray 700

$color-gray-700

var(--color-gray-700)

Gray 600

$color-gray-600

var(--color-gray-600)

Gray 500

$color-gray-500

var(--color-gray-500)

Gray 400

$color-gray-400

var(--color-gray-400)

Gray 300

$color-gray-300

var(--color-gray-300)

Gray 200

$color-gray-200

var(--color-gray-200)

Gray 100

$color-gray-100

var(--color-gray-100)

White

$color-white

var(--color-white)

Typography Base

$color-typography-base

var(--color-typography-base)

Typography Inverse

$color-typography-inverse

var(--color-typography-inverse)

Link

$color-link

var(--color-link)

Link Hover

$color-link-hover

var(--color-link-hover)

Background Base

$color-background-base

var(--color-background-base)

Background 700

$color-background-700

var(--color-background-700)

Background 600

$color-background-600

var(--color-background-600)

Background 300

$color-background-300

var(--color-background-300)

Background 200

$color-background-200

var(--color-background-200)

Background 100

$color-background-100

var(--color-background-100)

Background 50

$color-background-50

var(--color-background-50)