/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        display: ['"Bebas Neue"', 'Impact', 'sans-serif'],
        grotesk: ['"Space Grotesk"', 'sans-serif'],
        sans: ['"Plus Jakarta Sans"', 'system-ui', 'sans-serif'],
        mono: ['"IBM Plex Mono"', 'monospace'],
      },
      colors: {
        ticket: {
          50: '#FDFBF7',
          100: '#F7F4EB',
          200: '#EFE9DA',
          300: '#E2D9C3',
          400: '#D1C4A5',
          border: '#D0C8B5',
        },
        ink: {
          DEFAULT: '#141518',
          light: '#2B2D33',
          muted: '#666C79',
          faint: '#9EA4B1',
        },
        canary: {
          DEFAULT: '#FFD100',
          hover: '#E6BC00',
          light: '#FFF6D1',
        },
        gate: {
          orange: '#FF4D1A',
          hover: '#E53E0D',
          light: '#FFEBE5',
        },
        stamp: {
          green: '#147D52',
          'green-light': '#EBFBF3',
          red: '#D92D20',
          'red-light': '#FEECEB',
        }
      },
      boxShadow: {
        'stub': '2px 3px 0px rgba(20,21,24,0.12)',
        'stub-hover': '3px 5px 0px rgba(20,21,24,0.18)',
        'card-hard': '4px 4px 0px #141518',
        'card-hard-sm': '2px 2px 0px #141518',
        'stamp': 'inset 0 0 0 2px #FF4D1A',
      }
    },
  },
  plugins: [],
}