/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  darkMode: 'class',
  theme: {
    extend: {     
      colors: {
        "primary": "#f2a60d",
        "primary-hover": "#d9950b",
        "background-light": "#f8f7f5", 
        "background-dark": "#1a1e23",
        "surface-dark": "#232930",
        "text-secondary": "#9ca3af",
      },
      fontFamily: {
        "display": ["Space Grotesk", "sans-serif"],
        "body": ["Noto Sans", "sans-serif"],
      },
    },
  },
  plugins: [    
    require('@tailwindcss/forms'),
    require('@tailwindcss/container-queries'),
  ],
}