tailwind.config.ts

import type { Config } from 'tailwindcss'

export default <Partial<Config>>{
  theme: {
    extend: {
      colors: {
        'persian-red': {
          '50': '#fdf3f3',
          '100': '#fde3e3',
          '200': '#fbcdcd',
          '300': '#f8a9a9',
          '400': '#f17878',
          '500': '#e74c4c',
          '600': '#d32f2f',
          '700': '#b12424',
          '800': '#932121',
          '900': '#7a2222',
          '950': '#420d0d',
        },
        'serenade': {
          '50': '#fff4e6',
          '100': '#ffedd5',
          '200': '#fed7aa',
          '300': '#fdbb74',
          '400': '#fb933c',
          '500': '#f97416',
          '600': '#ea590c',
          '700': '#c2420c',
          '800': '#9a3512',
          '900': '#7c2d12',
          '950': '#431407',
        },
        'norway': {
          '50': '#f4f6f3',
          '100': '#e5eae1',
          '200': '#c9d5c5',
          '300': '#a5b89f',
          '400': '#7a9473',
          '500': '#5a7653',
          '600': '#435d3e',
          '700': '#354a32',
          '800': '#2b3c29',
          '900': '#233222',
          '950': '#141b13',
        },
        'mercury': {
          '50': '#f7f7f7',
          '100': '#ededed',
          '200': '#e0e0e0',
          '300': '#c8c8c8',
          '400': '#adadad',
          '500': '#999999',
          '600': '#888888',
          '700': '#7b7b7b',
          '800': '#676767',
          '900': '#545454',
          '950': '#363636',
        },
        'masala': {
          '50': '#f6f6f6',
          '100': '#e7e7e7',
          '200': '#d1d1d1',
          '300': '#b0b0b0',
          '400': '#888888',
          '500': '#6d6d6d',
          '600': '#5d5d5d',
          '700': '#4f4f4f',
          '800': '#424242',
          '900': '#3d3d3d',
          '950': '#262626',
        },
        'ronchi': {
          '50': '#fdfaed',
          '100': '#f9efcc',
          '200': '#f3df94',
          '300': '#ebc34a',
          '400': '#e9b436',
          '500': '#e1961f',
          '600': '#c77418',
          '700': '#a55318',
          '800': '#874119',
          '900': '#6f3618',
          '950': '#3f1b09',
        },
      },
      fontFamily: {
        playfair: ["Playfair Display", "sans-serif"],
        lora: ["Lora", "sans-serif"]
      },
    }
  },
  content: [],
  plugins: [],
}