import type { Config } from 'tailwindcss';
import daisyui from 'daisyui';

export default {
  content: [
    './app/**/*.{vue,ts,js}',
    './components/**/*.{vue,ts,js}',
    './pages/**/*.vue',
  ],
  theme: {
    extend: {},
  },
  plugins: [daisyui],
  daisyui: {
    themes: [
      {
        aqua: {
          'color-scheme': 'light',
          'base-100': 'oklch(98% 0.002 247.839)',
          'base-200': 'oklch(96% 0.003 264.542)',
          'base-300': 'oklch(92% 0.006 264.531)',
          'base-content': 'oklch(21% 0.034 264.665)',
          primary: 'oklch(84% 0.238 128.85)',
          'primary-content': 'oklch(27% 0.072 132.109)',
          secondary: 'oklch(71% 0.202 349.761)',
          'secondary-content': 'oklch(28% 0.109 3.907)',
          accent: 'oklch(67% 0.182 276.935)',
          'accent-content': 'oklch(25% 0.09 281.288)',
          neutral: 'oklch(13% 0.028 261.692)',
          'neutral-content': 'oklch(98% 0.002 247.839)',
          info: 'oklch(68% 0.169 237.323)',
          'info-content': 'oklch(97% 0.013 236.62)',
          success: 'oklch(76% 0.233 130.85)',
          'success-content': 'oklch(98% 0.031 120.757)',
          warning: 'oklch(70% 0.213 47.604)',
          'warning-content': 'oklch(98% 0.016 73.684)',
          error: 'oklch(65% 0.241 354.308)',
          'error-content': 'oklch(97% 0.014 343.198)',
          '--radius-selector': '2rem',
          '--radius-field': '2rem',
          '--radius-box': '2rem',
          '--size-selector': '0.3125rem',
          '--size-field': '0.3125rem',
          '--border': '0.5px',
          '--depth': '0',
          '--noise': '1',
        },
      },
      'light',
      'corporate',
    ],
    darkTheme: 'aqua',
  },
} satisfies Config;