tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    fontFamily: {
      sansSerif: ['Open Sans', 'sans-serif'],
      mono: ['Source Code Pro', 'monospace'],
      handwriting: ['Kalam', 'cursive']
    },
    extend: {
      colors: {
        background: '#FEFEFE',
        surface: '#EBEAEB',
        surfaceAccent: '#EBEAEB',
        primary: '#1F1C21',
        primaryAccent: '#151316',
        primaryContrast: '#F5F5F5',
        secondary: '#BBB7B4',
        secondaryAccent: '#7D777A',
        secondaryContrast: '#F5F5F5',
        success: '#69DC9E',
        warning: '#F7EF99',
        attention: '#E63B2E'
      },
      zIndex: {
        menu: 90,
        menuBar: 91,
        menuClearFilter: 92,
        overlay: 997,
        modal: 998,
        loadingSpinner: 996
      },
      gridTemplateColumns: {
        formsQuantityInput: '1fr 1fr'
      }
    }
  },
  plugins: []
}