/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,jsx,ts,tsx}',
    './components/**/*.{js,jsx,ts,tsx}',
    './@share/**/*.{js,jsx,ts,tsx}',
    './ble/**/*.{js,jsx,ts,tsx}',
    './utils/**/*.{js,jsx,ts,tsx}',
  ],
  presets: [require('nativewind/preset')],
  darkMode: 'class',
  safelist: ['dark'],
  theme: {
    extend: {
      fontFamily: {},
      fontSize: {},
      screens: {
        xs: '400px',
        sm: '640px',
        md: '768px',
        lg: '1024px',
      },
      colors: {
        primary: '#16181B',
        line: '#ebebeb',
        bg: '#090A0B',
        fg: '#F5F5F5',
        surface: '#1C1E22',
        accent: '#FFE500',
        paper: '#f2f2f2',
        muted: '#ABABAB',
        appbg: '#E6F4FE',
        overlay: '#262626',
        grayx: '#CCCCCC',
        link: '#0a7ea4',
        graylight: '#E6E6E6',
      },
      boxShadow: {
        'hard-accent': '4px 4px 0px #FFE500',
        'hard-black': '4px 4px 0px #000000',
        'medium-black': '3px 3px 0px #000000',
        'medium-gray': '3px 3px 0px #888888',
        'small-accent': '2px 2px 0px #FFE500',
        'soft-black-10': '2px 2px 0px rgba(0,0,0,0.1)',
        'hard-black-50': '4px 4px 0px rgba(0,0,0,0.5)',
        'deep-black': '8px 8px 0px rgba(0,0,0,1)',
        'glow-accent': '0px 0px 20px #FFE500',
        'large-black': '5px 5px 0px #000000',
        'large-accent': '5px 5px 0px #FFE500',
      },
      backgroundImage: {
        'primary-gradient': 'linear-gradient(to left, #8b5cf6, #ec4899, #f97316)',
      },
    },
  },
  plugins: [],
}