import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './src/**/*.{ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#5BA4D9',
          dark: '#006494',
          light: '#8EC5E8',
        },
        navy: '#1C2B3A',
        teal: '#2EC4A0',
        surface: {
          DEFAULT: '#f8f9fa',
          low: '#f3f4f5',
          high: '#ffffff',
        },
        'on-surface': '#191c1d',
        outline: {
          DEFAULT: '#72787e',
          variant: '#c2c7ce',
        },
      },
      fontFamily: {
        serif: ['Cormorant Garamond', 'Georgia', 'serif'],
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      letterSpacing: {
        headline: '-0.02em',
        label: '0.1em',
      },
      borderRadius: {
        xl: '0.75rem',
      },
      boxShadow: {
        subtle: '0 20px 40px rgba(25, 28, 29, 0.06)',
        card: '0 4px 16px rgba(25, 28, 29, 0.04)',
      },
      backgroundImage: {
        'gradient-cta': 'linear-gradient(135deg, #006494, #5BA4D9)',
      },
      backdropBlur: {
        glass: '20px',
      },
    },
  },
  plugins: [],
}

export default config
