Update styling and add new heading font

The styling of multiple components has been updated for consistency and readability. A new heading font has been added to improve visual hierarchy. Changes include updating font sizes, adding a new heading font, and adjusting borders and padding over several components.

tooling/tailwind/index.ts

@@ -65,6 +65,7 @@ export default {
       fontFamily: {
         cal: ['var(--font-cal)', ...fontFamily.sans],
         sans: ['system-ui', 'var(--font-sans)', ...fontFamily.sans],
+        heading: ['var(--font-heading)'],
       },
       keyframes: {
         'fade-up': {