/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // CHORUS 8-Color Brand System
        carbon: {
          50: '#f6f6f6',
          100: '#e7e7e7',
          200: '#d1d1d1',
          300: '#b0b0b0',
          400: '#888888',
          500: '#6d6d6d',
          600: '#5d5d5d',
          700: '#4f4f4f',
          800: '#454545',
          900: '#3d3d3d',
          950: '#262626',
        },
        mulberry: {
          50: '#faf7fc',
          100: '#f3ecf8',
          200: '#e9ddf2',
          300: '#d8c2e7',
          400: '#c19bd8',
          500: '#a875c6',
          600: '#8f58ab',
          700: '#774591',
          800: '#643b77',
          900: '#543262',
          950: '#371840',
        },
        walnut: {
          50: '#f7f4f2',
          100: '#ede6e0',
          200: '#ddcdc1',
          300: '#c7ab97',
          400: '#b08970',
          500: '#9f7557',
          600: '#92634b',
          700: '#795140',
          800: '#624237',
          900: '#51372f',
          950: '#2b1c17',
        },
        nickel: {
          50: '#f6f7f6',
          100: '#e3e5e3',
          200: '#c6cac7',
          300: '#a1a8a3',
          400: '#798179',
          500: '#5e675f',
          600: '#4a524b',
          700: '#3d423e',
          800: '#333733',
          900: '#2b2f2c',
          950: '#161816',
        },
        ocean: {
          50: '#f0f8ff',
          100: '#e0f2fe',
          200: '#b9e6fe',
          300: '#7cd3fc',
          400: '#36bef8',
          500: '#0ba5e9',
          600: '#0284c7',
          700: '#0369a1',
          800: '#075985',
          900: '#0c4a6e',
          950: '#082f49',
        },
        eucalyptus: {
          50: '#f0fdf4',
          100: '#dcfce7',
          200: '#bbf7d0',
          300: '#86efac',
          400: '#4ade80',
          500: '#22c55e',
          600: '#16a34a',
          700: '#15803d',
          800: '#166534',
          900: '#14532d',
          950: '#052e16',
        },
        sand: {
          50: '#fefcf3',
          100: '#fdf8e4',
          200: '#fbf0c4',
          300: '#f7e49b',
          400: '#f2d66f',
          500: '#eec64f',
          600: '#deb042',
          700: '#b9923a',
          800: '#957438',
          900: '#795f32',
          950: '#443318',
        },
        coral: {
          50: '#fef7f2',
          100: '#feede2',
          200: '#fcd8c0',
          300: '#f9ba93',
          400: '#f59564',
          500: '#f17741',
          600: '#e25d27',
          700: '#bc481d',
          800: '#963c1c',
          900: '#79341c',
          950: '#42180b',
        },
      },
      spacing: {
        'chorus-xs': '0.25rem',
        'chorus-sm': '0.5rem',
        'chorus-md': '1rem',
        'chorus-lg': '1.5rem',
        'chorus-xl': '2rem',
        'chorus-xxl': '3rem',
        'chorus-xxxl': '4rem',
      },
      fontFamily: {
        'logo': ['var(--font-exo)', 'system-ui', 'sans-serif'],
        'sans': ['var(--font-inter)', 'system-ui', 'sans-serif'],
      },
      fontSize: {
        'h1': '4rem',
        'h2': '3rem',
        'h3': '2.25rem',
        'h4': '1.875rem',
        'h5': '1.5rem',
        'h6': '1.25rem',
      },
      animation: {
        'fade-in': 'fadeIn 0.6s ease-out forwards',
        'fade-in-up': 'fadeInUp 0.6s ease-out forwards',
        'slide-up': 'slideUp 0.6s ease-out forwards',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        fadeInUp: {
          '0%': { opacity: '0', transform: 'translateY(30px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        slideUp: {
          '0%': { opacity: '0', transform: 'translateY(50px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
      },
    },
  },
  plugins: [],
}