stuff done

tailwind.config.ts

@@ -13,56 +13,57 @@ export default {
 	theme: {
 		screens: {
 			xs: '475px',
-			sm: '768px',
-			md: '1024px',
-			lg: '1280px',
-			xl: '1440px'
+			sm: '576px',
+			md: '768px',
+			lg: '992px',
+			xl: '1200px'
 		},
 		extend: {
 			container: {
 				center: true,
 				screens: {
 					DEFAULT: '100%',
-					xl: '1400px'
+					xl: '1200px'
 				},
 				padding: {
 					DEFAULT: '15px',
-					/*lg: 'unset',*/
 					xl: 'unset'
 				}
 			},
+			fontFamily: {
+				heading: ['var(--font-myriad)']
+			},
 			colors: {
 				stone: {
-					DEFAULT: '#666666',
 					'50': '#f6f6f6',
 					'100': '#e7e7e7',
 					'200': '#d1d1d1',
 					'300': '#b0b0b0',
 					'400': '#888888',
-					'500': '#666666', // Storm Dust
+					'500': '#666666',
 					'600': '#5d5d5d',
 					'700': '#4f4f4f',
 					'800': '#454545',
 					'900': '#3d3d3d',
-					'950': '#262626'
+					'950': '#262626',
+					DEFAULT: '#666666'
 				},
 				brand: {
 					yellow: {
-						DEFAULT: BRAND_COLOR_YELLOW,
 						'50': '#fffbeb',
 						'100': '#fff4c6',
 						'200': '#ffe788',
-						'300': '#ffd139', // minsk
+						'300': '#ffd139',
 						'400': '#ffc120',
 						'500': '#f99f07',
 						'600': '#dd7702',
 						'700': '#b75306',
 						'800': '#943f0c',
 						'900': '#7a350d',
-						'950': '#461a02'
+						'950': '#461a02',
+						DEFAULT: BRAND_COLOR_YELLOW
 					},
 					violet: {
-						DEFAULT: BRAND_COLOR_VIOLET,
 						'50': '#edeeff',
 						'100': '#dfdfff',
 						'200': '#c6c5ff',
@@ -72,8 +73,9 @@ export default {
 						'600': '#7041ea',
 						'700': '#6034ce',
 						'800': '#4e2da6',
-						'900': '#442d88', // bright-sun
-						'950': '#281a4c'
+						'900': '#442d88',
+						'950': '#281a4c',
+						DEFAULT: BRAND_COLOR_VIOLET
 					}
 				},
 				background: 'hsl(var(--background))',
@@ -137,7 +139,30 @@ export default {
 			},
 			aspectRatio: {
 				univisium: '2 / 1',
-				card: '850 / 834'
+				card: '850 / 834',
+				yt: '1903 / 784'
+			},
+			keyframes: {
+				'accordion-down': {
+					from: {
+						height: '0'
+					},
+					to: {
+						height: 'var(--radix-accordion-content-height)'
+					}
+				},
+				'accordion-up': {
+					from: {
+						height: 'var(--radix-accordion-content-height)'
+					},
+					to: {
+						height: '0'
+					}
+				}
+			},
+			animation: {
+				'accordion-down': 'accordion-down 0.2s ease-out',
+				'accordion-up': 'accordion-up 0.2s ease-out'
 			}
 		}
 	},