## Design System

### Colors
| key | value |
| ------ | ------ |
| yankeesBlue | ![#2B2845](https://via.placeholder.com/15/2B2845/000000?text=+) `#2B2845`|
| green | ![#00B56B](https://via.placeholder.com/15/00B56B/000000?text=+) `#00B56B`|
| chiperBrandRed | ![#FF0136](https://via.placeholder.com/15/FF0136/000000?text=+) `#FF0136`|
| darkBlueGray | ![#666A8F](https://via.placeholder.com/15/666A8F/000000?text=+) `#666A8F`|
| ghostWhite | ![#FAFBFC](https://via.placeholder.com/15/FAFBFC/000000?text=+) `#FAFBFC`|
| white  | ![#FFFFFF](https://via.placeholder.com/15/FFFFFF/000000?text=+) `#FFFFFF`|
| bleuDeFrance   | ![#3584E0](https://via.placeholder.com/15/3584E0/000000?text=+) `#3584E0 `|
| blueJeans    | ![#56B0F3](https://via.placeholder.com/15/56B0F3/000000?text=+) `#56B0F3 `|
| brightYellow    | ![#FF9F26](https://via.placeholder.com/15/FF9F26/000000?text=+) `#FF9F26`|
| philippineGreen    | ![#01834E](https://via.placeholder.com/15/01834E/000000?text=+) `#01834E`|
| gray200     | ![#A2A6BD](https://via.placeholder.com/15/A2A6BD/000000?text=+) `#A2A6BD`|
| gray300     | ![#8084A2](https://via.placeholder.com/15/8084A2/000000?text=+) `#8084A2`|
| gray100     | ![#C6C9D8](https://via.placeholder.com/15/C6C9D8/000000?text=+) `#C6C9D8`|
| gray60     | ![#DDDFE8](https://via.placeholder.com/15/DDDFE8/000000?text=+) `#DDDFE8`|
| gray25     | ![#EBEDF1](https://via.placeholder.com/15/EBEDF1/000000?text=+) `#EBEDF1`|
| gray5     | ![#F9F9FA](https://via.placeholder.com/15/F9F9FA/000000?text=+) `#F9F9FA`|


### Fonts
| key | value |
| ------ | ------ |
| caustenRoundBold | 'CaustenRound-Bold' |
| caustenRoundRegular | 'CaustenRound-Regular' |

### Spacing
| key | value (px) |
| ------ | ------ |
| spacing-none | 0 |
| spacing-xxxxs | 1 |
| spacing-xxxs | 2 |
| spacing-xxs | 4 |
| spacing-xs | 8 |
| spacing-xms | 12 |
| spacing-s | 16 |
| spacing-xm | 20 |
| spacing-m | 24 |
| spacing-l | 48 |
| spacing-xl | 96 |

### Text Variants

| key | value (px) |
| ------ | ------ |
| H1 | fontSize:32 - lineHeight:36 |
| H2 | fontSize:28 - lineHeight:32 |
| H3 | fontSize:24 - lineHeight:28 |
| H4 | fontSize:20 - lineHeight:24 |
| SubTitle | fontSize:18 - lineHeight:22 |
| body | fontSize:16 - lineHeight:20 |
| label | fontSize:12 - lineHeight:16 |
| SubHead | fontSize:10 - lineHeight:14 |

### Button Variants

| key |
| ------ |
|primary |
|disabled  |
|outlined  |