tailwind.config.js

/** @type {import('tailwindcss').Config} config */
const config = {
  content: ['./app/**/*.php', './resources/**/*.{php,vue,js}'],
  theme: {
    extend: {
      colors: {
        pineGreen: '#034521',     // Custom pine green color for "hapjes", koffie and wine titles
        tealDeep: '#169179',  // Custom teal color for hapjes description or dark greenish-blue
        warmGold: '#dcb171',   // Custom warm gold color for menu pipes
        creamyBeige: '#eadfbf', // Custom color for Hapjes, Gerechten background
        lightCream: '#f3efe4',    // Custom light cream color for background behind menus
        headerGreen: '#014521',  // Custom green color for header
        footerGray: '#484848', // Custom gray color for the footer
        smart48Orange: '#e67e23', // Smart48 Orange for footer links
        pageTextGray: '757575', // text on secondary pages like About Us
        samenDelenBg: '#70ab8b', // Food Samen Delen Background
        zoetBg: '#a8d5bd', // Food Zoet Background
        contactBG: '#abd8bf'
      },
      fontFamily: {
        'anton': ['Anton', 'sans-serif'],
        'asap-condensed': ['Asap Condensed', 'sans-serif'],
        'inter': ['Inter', 'sans-serif'],
        'orbitron': ['Orbitron', 'sans-serif']
      },
    },
  },
  plugins: [],
};

export default config;