tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class"],
  content: [
    './pages/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
    './app/**/*.{ts,tsx}',
    './src/**/*.{ts,tsx}',
  ],
  prefix: "",
  theme: {
    container: {
      center: true,
      padding: "15px",     
    },
    screens:{
      sm:"640px",
      md:"768px",
      lg:"960px",
      xl:"1200px",

    },
    colors: {
       body:"#e5e5e5",
       white: "#fff",
       green: {DEFAULT:"#539592",hover:"#1b211c"},
      black: {DEFAULT:"#273029",hover:"#1b211c"},
      grey:"#888888",
      orange: {
        DEFAULT:"#f2994a",
        hover:"#da863c"
      },
      
      outLine: "#f1f1f1",
      pink:"#ffa5a5"
        },
    extend: {
      fontFamily: {
lora:['var(--font-lora)','sans-seriff'],
poppins:['var(--font-poppins)','sans-seriff'],
      },
      boxShadow: {
        primary: "40px 4px 0px rgba(68, 68, 68, 0.25)",
      },

      backgroundImage: {
        hero: "url(/hero/bg.png)",
        menu: "url(/menu/bg.png)",
        reservation: "url(/reservation/bg.png)",
        footer: "url(/footer/bg.png)",
        
      },
      keyframes: {
        "accordion-down": {
          from: { height: "0" },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: "0" },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}