/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: [
    './templates/**/*.html',
    './static/js/**/*.js'
  ],
  theme: {
    extend: {
      colors: {
        primary: '#005EB8',
        primaryDeep: '#0c4188',
        page: '#f3f5f8',
        card: '#ffffff',
        line: '#e2e8f0',
        textMain: '#0f172a',
        textSub: '#64748b',
        blueSoft: '#eaf3ff',
        bluePanel: '#1d4f9a',
        outline: '#c7ced8',
        successSoft: '#e9f8ee',
        successText: '#16a34a',
        warnSoft: '#fff4e8',
        warnText: '#c2410c',
        dangerSoft: '#fff0f0',
        dangerText: '#dc2626',
        lowCard: '#f8fafc'
      },
      fontFamily: {
        headline: ['system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'sans-serif'],
        body: ['system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'sans-serif']
      },
      boxShadow: {
        soft: '0 18px 34px rgba(15, 23, 42, .06)',
        panel: '0 1px 2px rgba(15, 23, 42, .04)',
        card: '0 10px 25px rgba(15, 23, 42, .06)'
      }
    }
  },
  plugins: [
    require('@tailwindcss/forms')
  ]
};