/** Minimal consolidated Tailwind shared config for the monorepo */ /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: 'class', important: true, theme: { screens: { xs: '540px', sm: '640px', md: '768px', lg: '1024px', xl: '1280px', '2xl': '1536px', }, fontFamily: { sans: ['"Nunito", sans-serif'], nunito: ['"Nunito", sans-serif'], cursive: ['"Alex Brush", cursive'], serif: ['"EB Garamond", serif'], }, container: { center: true, padding: { DEFAULT: '12px', sm: '1rem', lg: '45px', xl: '5rem', '2xl': '13rem', }, }, extend: { colors: { dark: '#3c4858', black: '#161c2d', 'dark-footer': '#192132', primary: { 50: '#f5f3ff', 100: '#ede9fe', 200: '#ddd6fe', 300: '#c4b5fd', 400: '#a78bfa', 500: '#8b5cf6', 600: '#7c3aed', 700: '#6d28d9', 800: '#5b21b6', 900: '#4c1d95', }, secondary: { 50: '#eff6ff', 100: '#dbeafe', 200: '#bfdbfe', 300: '#93c5fd', 400: '#60a5fa', 500: '#3b82f6', 600: '#2563eb', 700: '#1d4ed8', 800: '#1e40af', 900: '#1e3a8a', }, }, boxShadow: { sm: '0 2px 4px 0 rgb(60 72 88 / 0.15)', DEFAULT: '0 0 3px rgb(60 72 88 / 0.15)', md: '0 5px 13px rgb(60 72 88 / 0.20)', lg: '0 10px 25px -3px rgb(60 72 88 / 0.15)', }, spacing: { 0.75: '0.1875rem', 3.25: '0.8125rem', }, maxWidth: { '1200': '71.25rem', '992': '60rem', '768': '45rem', }, }, }, plugins: [ (function () { try { return require('@tailwindcss/forms')({ strategy: 'class' }) } catch (e) { // plugin not installed at repo root; swallow during dry require return function () {} } })(), ], }