Default Font - no extra classes are applied
Bold Font - font-bold
Italic Font - italic
Weight 100 - font-thin
Weight 200 - font-extralight
Weight 300 - font-light
Weight 400 - font-normal
Weight 500 - font-medium
Weight 600 - font-semibold
Weight 700 - font-bold
Weight 800 - font-extrabold
Weight 900 - font-black

bg-primary
bg-primary-100
bg-primary-200
bg-primary-300
bg-primary-400
bg-primary-500
bg-primary-600
bg-primary-700
bg-primary-800
bg-primary-900

bg-secondary
bg-secondary-100
bg-secondary-200
bg-secondary-300
bg-secondary-400
bg-secondary-500
bg-secondary-600
bg-secondary-700
bg-secondary-800
bg-secondary-900

bg-neutral
bg-neutral-100
bg-neutral-200
bg-neutral-300
bg-neutral-400
bg-neutral-500
bg-neutral-600
bg-neutral-700
bg-neutral-800
bg-neutral-900

bg-black
bg-white

bg-success
bg-success-100
bg-success-300
bg-success-500
bg-success-700

bg-warning
bg-warning-100
bg-warning-300
bg-warning-500
bg-warning-700

bg-error
bg-error-100
bg-error-300
bg-error-500
bg-error-700

Resize window to try the different breakpoints configured. Use the color reference to know in which breakpoint you are:
- xs white
- sm red
- md yellow
- lg green
- xl indigo
- 2xl pink