tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      width: {
        '1/10': '10%',
        '2/10': '20%',
        '3/10': '30%',
        '4/10': '40%',
        '5/10': '50%',
        '6/10': '60%',
        '7/10': '70%',
        '8/10': '80%',
        '9/10': '90%',
      },
      colors: {
        'recandy-blue-900': '#1742B7',
        'recandy-blue-800': '#1262D6',
        'recandy-blue-700': '#0C74E9',
        'recandy-blue-600': '#0087FD',
        'recandy-blue-500': '#0095FF',
        'recandy-blue-400': '#2EA5FF',
        'recandy-blue-300': '#5AB5FF',
        'recandy-blue-200': '#8CCAFF',
        'recandy-blue-100': '#BADEFF',
        'recandy-blue-50': '#E2F2FF',

        'recandy-white-0': '#FFFFFF',
        'recandy-white-50': '#FAFAFA',
        'recandy-white-100': '#F5F5F5',
        'recandy-white-200': '#F0F0F0',
        'recandy-white-300': '#EBEBEB',

        'recandy-black-900': '#050D24',
        'recandy-black-800': '#07153B',
        'recandy-black-700': '#0A1D52',
        'recandy-black-600': '#0D2668',
        'recandy-black-500': '#102E7F',
        'recandy-black-400': '#133696',

        'recandy-gray-900': '#696969',
        'recandy-gray-800': '#757575',
        'recandy-gray-700': '#828282',
        'recandy-gray-600': '#8F8F8F',
        'recandy-gray-500': '#9C9C9C',
        'recandy-gray-400': '#A8A8A8',
        'recandy-gray-300': '#B5B5B5',
        'recandy-gray-200': '#C2C2C2',
        'recandy-gray-100': '#CFCFCF',
        'recandy-gray-50': '#DBDBDB',
      },
    },
  },
  plugins: [],
};