/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{html,ts}',
  ],
  theme: {
    extend: {
      colors:{
        'cool-blue': {
          DEFAULT: '#308BC8',
          50: '#C0DDF0',
          100: '#AFD4EC',
          200: '#8EC2E4',
          300: '#6EB0DC',
          400: '#4D9ED4',
          500: '#308BC8',
          600: '#256C9B',
          700: '#1A4C6E',
          800: '#0F2D40',
          900: '#050D13',
          950: '#000000'
        },
      },
      spacing: {
        '100': '28rem',
        '128': '32rem',
        '130': '50rem'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    require("@tailwindcss/forms"),
    require('@tailwindcss/typography'),
  ],
};