import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // gasol247 palette — primary blue with peach accent.
        // Pulled from gasol247.com CSS: navy #26476c, light blue #7fcbf1, peach #f7a872.
        brand: {
          50: '#eef5fb',
          100: '#d6e6f3',
          200: '#aecde7',
          300: '#7fcbf1',
          400: '#5293c4',
          500: '#3a749f',
          600: '#26476c',
          700: '#1f3a59',
          800: '#172c43',
          900: '#101f30',
        },
        accent: {
          50: '#fff7ed',
          100: '#ffead5',
          200: '#fed3a7',
          300: '#f7a872',
          400: '#f4904f',
          500: '#ea7a33',
          600: '#c45f23',
          700: '#9a4a1b',
          800: '#723814',
          900: '#4e260d',
        },
        cream: '#fffaf5',
        ink: {
          50: '#f8fafc',
          100: '#f1f5f9',
          200: '#e2e8f0',
          300: '#cbd5e1',
          400: '#94a3b8',
          500: '#64748b',
          600: '#475569',
          700: '#334155',
          800: '#1e293b',
          900: '#0f172a',
          950: '#020617',
        },
      },
      fontFamily: {
        sans: ['system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'sans-serif'],
      },
      boxShadow: {
        card: '0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05)',
        elevated: '0 10px 25px -5px rgb(0 0 0 / 0.08), 0 8px 10px -6px rgb(0 0 0 / 0.05)',
      },
    },
  },
  plugins: [],
};

export default config;