import colors from 'windicss/colors' export default { safelist: 'bg-secondary-darker', theme: { colors: { transparent: 'transparent', current: 'currentColor', primary: { 50: '#F2FDF9', 100: '#E6FCF3', 200: '#BFF6E0', 300: '#99F1CD', 400: '#4DE7A8', DEFAULT: '#00DC82', 600: '#00C675', 700: '#00844E', 800: '#00633B', 900: '#004227' }, 'secondary-surface': '#E5F9FF', 'secondary-lightest': '#B7E1ED', 'secondary-lighter': '#95CDDE', 'secondary-light': '#71A2B0', secondary: '#497A87', 'secondary-dark': '#255461', 'secondary-darker': '#003543', 'secondary-darkest': '#012A35', 'secondary-black': '#001E26', tertiary: '#B2CCCC', // cloud 'cloud-surface': '#E6F0F0', 'cloud-lightest': '#D1E2E2', 'cloud-lighter': '#B2CCCC', 'cloud-light': '#92ADAD', cloud: '#688282', 'cloud-dark': '#566B6B', 'cloud-darker': '#334040', 'cloud-darkest': '#273131', 'cloud-black': '#1A2121', black: '#000', white: '#fff', blue: colors.sky, green: { // 50: "#eefdf2", 50: '#d0fcde', 100: '#b0fccb', 200: '#8cfab7', 300: '#64f4a3', 400: '#37e990', 500: '#00d77d', 600: '#00bb6a', 700: '#009956', 800: '#047342', 900: '#134d2e' // 950: "#132a1c", }, red: colors.red, rose: colors.rose, yellow: colors.amber, orange: colors.orange, gray: colors.gray, purple: colors.purple, sky: { surface: '#E5F9FF', lightest: '#B7E1ED', lighter: '#95CDDE', light: '#71A2B0', DEFAULT: '#497A87', dark: '#255461', darker: '#003543', darkest: '#012A35', black: '#001E26' } }, extend: { fontFamily: { sans: 'DM Sans', serif: 'DM Serif Display', mono: 'DM Mono' }, transitionProperty: { height: 'height' } } }, shortcuts: { 'nuxt-text-highlight': 'py-2 px-4 rounded-md bg-gray-100 dark:bg-white dark:bg-opacity-10', 'nuxt-text-highlight-hover': 'nuxt-text-highlight dark:hover:bg-opacity-9 light:hover:bg-gray-50', 'text-display-6': { fontSize: '1.875rem', lineHeight: '2.25rem' }, 'text-display-5': { fontSize: '2.25rem', lineHeight: '2.5rem' }, 'text-display-4': { fontSize: '3rem', lineHeight: '3rem' }, 'text-display-3': { fontSize: '3.75rem', lineHeight: '3.75rem' }, 'text-display-2': { fontSize: '4.5rem', lineHeight: '4.5rem' }, 'text-display-1': { fontSize: '6rem', lineHeight: '6rem' }, 'text-body-xs': { fontSize: '0.75rem', lineHeight: '1rem' }, 'text-body-sm': { fontSize: '0.875rem', lineHeight: '1.25rem' }, 'text-body-base': { fontSize: '1rem', lineHeight: '1.5rem' }, 'text-body-lg': { fontSize: '1.125rem', lineHeight: '1.75rem' }, 'text-body-xl': { fontSize: '1.25rem', lineHeight: '1.75rem' }, 'text-body-2xl': { fontSize: '1.5rem', lineHeight: '2rem' } } }