Goals

• modern css using postcss
• class based styling mainly (??)
• accessible
• easily themeable using props
• nothing that can be found in tailwind

Colors

These colors will be used in both light and dark mode, however they will be different in low or high contrast. The color values are not shown here (obv), but each color is unique

• primary
• secondary
• tertiary
• contrast

Color Variables

These are used to access the colors

• --{primary,secondary,tertiary}-bg{-{l,d,hc,lc}}
• --{primary}-color
• --{primary,secondary,tertiary}-link

l = light d = dark hc = high contrast lc = low contrast