import { defineConfig } from '@pandacss/dev'
import srJuggernautPandaPreset from '@srjuggernaut-dev/srjuggernaut-panda-preset'
import themeConfig from '@/styles/theme'

export default defineConfig({
  presets: [srJuggernautPandaPreset(themeConfig)],
  // Whether to use css reset
  preflight: true,

  // Where to look for your css declarations
  include: ['./src/**/*.{js,jsx,ts,tsx}'],

  // Files to exclude
  exclude: [],

  // Useful for theme customization
  theme: {
    extend: {}
  },

  globalCss: {
    body: {
      backgroundColor: 'neutral.1',
      color: 'neutral.12',
      fontFamily: "'Roboto Variable', sans-serif",
      lineHeight: 'tight'
    },
    '*, *::before, *::after': {
      margin: 0,
      padding: 0,
      boxSizing: 'border-box'
    },
    'h1, h2, h3, h4, h5, h6': {
      fontWeight: '700',
      textWrap: 'balance',
      lineHeight: 'normal'
    },
    h1: {
      fontFamily: 'orbitron',
      fontWeight: '900',
      fontSize: 'h1'
    },
    h2: {
      fontSize: 'h2'
    },
    h3: {
      fontSize: 'h3'
    },
    h4: {
      fontSize: 'h4'
    },
    h5: {
      fontSize: 'h5'
    },
    h6: {
      fontSize: 'h6'
    },
    p: {
      fontSize: 'body',
      textWrap: 'pretty'
    }
  },

  // The output directory for your css system
  outdir: 'styled-system'
})