tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './*.{html,js,php}', 
    './wp-content/themes/ayushshrestha/*/*.php',
    './wp-content/themes/ayushshrestha/*.php',
  ],
  theme: {
    fontFamily: {
      'body': ['Roboto, sans-serif'],
    },
    fontSize: {
      xs: '0.5rem',
      sm: '0.8rem',
      base: '1rem',
      xl: '1.25rem',
      '2xl': '1.6rem',
      '3xl': '2rem',
      '4xl': '2.441rem',
      '5xl': '3.052rem',
      '6xl': '5rem',
      '8xl': '6rem',
      '20xl': '10rem',
    },
    fontWeight: {
      light: '300',
      bold: '700',
      black: '900',
    }, 
    screens: {
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1180px',
      '2xl': '1536px',
    },
    colors: {
      white: '#ffffff',
      default: '#ef4444',
      primary: '#334155',
      secondary: '#facc15',
      black:    '#000000',
      slate: {
        50: '#f8fafc',
        100: '#f1f5f9',
        200: '#e2e8f0',
        300: '#cbd5e1',
        400: '#94a3b8',
        500: '#64748b',
        600: '#475569',
        700: '#334155',
        800: '#1e293b',
        900: '#0f172a',
        950: '#020617',
      },
      yellow: {
        400: '#fbbf24',
      },
      sky: {
        400: '#38bdf8',
        600: '#0284c7',
      },
      green: {
        600: '#22c55e',
      },
      gray:   {
        50: '#f9fafb',
        100: '#f3f4f6',
        200: '#e5e7eb',
        300: '#d1d5db',
        400: '#9ca3af',
        500: '#6b7280',
        600: '#4b5563',
        700: '#374151',
        800: '#1f2937',
        900: '#111827',
        950: '#030712',
      },
    },
    backgroundColor: theme => ({
      ...theme('colors'),
      'default': '#ef4444',
      'primary': '#334155',
      'secondary': '#22c55e',
      'white': '#ffffff',
    }),
    extend: {},
  },
  plugins: [],
}