/** @type {import('tailwindcss').Config} */
const heropatterns = require('tailwindcss-hero-patterns/src/patterns')

module.exports = {
    content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
    theme: {
        extend: {},
        heroPatterns: {
            circuitboard: heropatterns.circuitboard,
        },
        heroPatternsOpacities: ['10'],
        heroPatternColors: ['font'],
        colors: {
            background: '#dbf6db',
            'background-dark': '#bbd8bb',
            font: '#000000',
        },
        fontFamily: {
            main: ['JetBrainsMono-Regular', 'monospace'],
        },
        backgroundSize: {
            contain: 'contain',
        },
    },
    plugins: [require('tailwindcss-hero-patterns')],
}