/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./templates/**/*.html",
    "./static/js/**/*.js"
  ],
  theme: {
    extend: {
      fontFamily: {
        display: ['Syne', 'sans-serif'],
        body: ['DM Sans', 'sans-serif'],
      },
      colors: {
        primary: {
          50:  '#f0fdf4',
          100: '#dcfce7',
          200: '#bbf7d0',
          300: '#86efac',
          400: '#4ade80',
          500: '#5CB82C',
          600: '#4CA324',
          700: '#3D8A1D',
          800: '#2F6B16',
          900: '#1F4D0F',
        },
        accent: {
          50:  '#fff7ed',
          100: '#ffedd5',
          200: '#fed7aa',
          300: '#fdba74',
          400: '#fb923c',
          500: '#F7931E',
          600: '#ea7c0c',
          700: '#c2640a',
          800: '#9a4f0d',
          900: '#7c400e',
        },
        surface: {
          DEFAULT: '#0f0f1a',
          50:  '#16162a',
          100: '#1c1c2e',
          200: '#22223a',
        },
        void: '#07070f',
      },
      boxShadow: {
        'glow-sm':  '0 0 15px rgba(92, 184, 44, 0.25)',
        'glow':     '0 0 30px rgba(92, 184, 44, 0.3)',
        'glow-lg':  '0 0 60px rgba(92, 184, 44, 0.35)',
        'glow-accent': '0 0 30px rgba(247, 147, 30, 0.25)',
      },
    },
  },
  plugins: [],
}