tailwind.config.js

module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      midnight: {
        50: '#f2f3f5',
        100: '#e6e7ea',
        200: '#c0c4cc',
        300: '#9aa0ad',
        400: '#4f596f',
        500: '#031231',
        600: '#03102c',
        700: '#020e25',
        800: '#020b1d',
        900: '#010918',
      },
      aquamarine: {
        50: '#f3fffd',
        100: '#e6fffb',
        200: '#c1fff6',
        300: '#9bfff1',
        400: '#50ffe6',
        500: '#05ffdb',
        600: '#05e6c5',
        700: '#04bfa4',
        800: '#039983',
        900: '#027d6b',
      },
      'eastern-blue': {
        50: '#f3fafb',
        100: '#e6f6f8',
        200: '#c1e8ed',
        300: '#9bd9e3',
        400: '#50bdcd',
        500: '#05a1b8',
        600: '#0591a6',
        700: '#04798a',
        800: '#03616e',
        900: '#024f5a',
      },
      white: {
        50: '#ffffff',
        100: '#ffffff',
        200: '#ffffff',
        300: '#ffffff',
        400: '#ffffff',
        500: '#ffffff',
        600: '#e6e6e6',
        700: '#bfbfbf',
        800: '#999999',
        900: '#7d7d7d',
      },
      rose: {
        50: '#fff1f2',
        100: '#ffe4e6',
        200: '#fecdd3',
        300: '#fda4af',
        400: '#fb7185',
        500: '#f43f5e',
        600: '#e11d48',
        700: '#be123c',
        800: '#9f1239',
        900: '#881337',
      },
      gray: {
        50: '#f9fafb',
        100: '#f3f4f6',
        200: '#e5e7eb',
        300: '#d1d5db',
        400: '#9ca3af',
        500: '#6b7280',
        600: '#4b5563',
        700: '#374151',
        800: '#1f2937',
        900: '#111827',
      },
    },
    fontFamily: {
      h: ['Cardo', 'serif'],
      t: ['Source Sans Pro', 'sans-serif'],
    },
    letterSpacing: {
      sm: '1px',
      md: '2px',
      lg: '3px',
    },
  },
  plugins: [],
}