__tailwind.config.old.ts

// import { Config } from "tailwindcss";


// export default {
// 	darkMode: 'class',
// 	content: ['./src/**/*.{html,js,svelte,ts}'],
// 	important: true,
// 	theme: {
// 		extend: {
// 			fontFamily: {
// 				primary: 'Inter'
// 			},
// 			fontWeight: {
// 				regular: "400",
// 				medium: "500",
// 				semibold: "600"
// 			},
// 			fontSize: {
// 				'xs': '14px',
// 				'sm': '15px',
// 				'md': '20px',
// 				'lg': '20px',
// 				'xl': '20px',
// 				'2xl': '23px',
// 				'3xl': '23px'
// 			},
// 			borderRadius: {
// 				DEFAULT: '10px',
// 				sm: '0.225rem',
// 				card: '25px'
// 			},
// 			colors: {
// 				background: 'var(--background)',
// 				neutral: {
// 					100: 'var(--neutral-100)',
// 					500: 'var(--neutral-500)',
// 					600: 'var(--neutral-600)',
// 					700: 'var(--neutral-700)',
// 					800: 'var(--neutral-800)',
// 					900: 'var(--neutral-900)',
// 				},
// 				gray: {
// 					100: 'var(--gray-100)',
// 					200: 'var(--gray-200)',
// 					300: 'var(--gray-300)',
// 					400: 'var(--gray-400)',
// 					500: 'var(--gray-500)',
// 					600: 'var(--gray-600)',
// 					700: 'var(--gray-700)',
// 					800: 'var(--gray-800)',
// 				},
// 				brand: {
// 					DEFAULT: 'var(--brand-500)',
// 					500: 'var(--brand-500)',
// 					400: 'var(--brand-400)',
// 					300: 'var(--brand-300)',
// 				},
// 				surface: {
// 					DEFAULT: '#19191A',
// 					primary: '#19191A',
// 					menu: '#19191A',
// 					brand: {
// 						light: '#242434'
// 					}
// 				},
// 				red: {
// 					DEFAULT: '#E63755'
// 				},
// 				green: {
// 					DEFAULT: '#56AC30'
// 				},
// 				orange: {
// 					DEFAULT: '#F08039'
// 				},
// 				// FIXME: to remove 
// 				bluex: {
// 					DEFAULT: '#2573F0'
// 				},
// 				primary: {
// 					DEFAULT: '#5F4CD9',
// 					50: '#eff2fe',
// 					100: '#e2e6fd',
// 					200: '#cbd0fa',
// 					300: '#abb2f6',
// 					400: '#898bf0',
// 					500: '#756de7',
// 					600: '#5f4cd9',
// 					700: '#5642c0',
// 					800: '#46389b',
// 					900: '#3c347b',
// 					950: '#241e48',
// 				},
// 				purplex: {
// 					DEFAULT: '#6C5ED1'
// 				},
// 			},
// 			// FIXME: to remove 
// 			boxShadow: {
// 				base: '0px 2px 9px rgb(0 0 0 / 0.05)'
// 			},
// 			backdropBlur: {
// 				xs: '1px'
// 			},
// 			gridTemplateColumns: {
// 				16: 'repeat(16, minmax(0, 1fr))'
// 			},
// 		}
// 	},
// 	plugins: [require('@tailwindcss/typography')]
// } satisfies Config;