import { defineConfig } from '@bamboocss/dev'

export default defineConfig({
  preflight: true,
  include: ['./src/**/*.{js,jsx,ts,tsx}', './pages/**/*.{js,jsx,ts,tsx}'],
  exclude: [],
  theme: {
    extend: {},
    variants: {
      primary: {
        tokens: {
          colors: {
            text: { value: 'red' },
          },
        },
        semanticTokens: {
          colors: {
            muted: { value: 'token(colors.red.200)' },
            body: {
              value: {
                base: 'token(colors.red.600)',
                _osDark: 'token(colors.red.400)',
              },
            },
          },
        },
      },
      secondary: {
        tokens: {
          colors: {
            text: { value: 'blue' },
          },
        },
        semanticTokens: {
          colors: {
            muted: { value: 'token(colors.blue.200)' },
            body: {
              value: {
                base: 'token(colors.blue.600)',
                _osDark: 'token(colors.blue.400)',
              },
            },
          },
        },
      },
    },
  },
  forceConsistentTypeExtension: true,
  outdir: 'styled-system',
  outExtension: 'js',
})
