/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    fontFamily: {
      sans: ["Open Sans", "system-ui", "Lato", "sans-serif"],
    },
    container: {
      padding: "2rem",
      center: true,
    },
    extend: {
      colors: {
        twitter: {
          DEFAULT: "#1DA1F2",
          50: "#CBE9FC",
          100: "#B7E1FB",
          200: "#91D1F9",
          300: "#6AC1F6",
          400: "#44B1F4",
          500: "#1DA1F2",
          600: "#0C82CB",
          700: "#096096",
          800: "#063E61",
          900: "#031C2C",
          950: "#010B12",
        },
        facebook: {
          DEFAULT: "#4267B2",
          50: "#C3CFE9",
          100: "#B4C4E3",
          200: "#96ACD8",
          300: "#7894CD",
          400: "#5B7DC2",
          500: "#4267B2",
          600: "#334F89",
          700: "#243860",
          800: "#142037",
          900: "#05080E",
          950: "#000000",
        },
        instagram: {
          DEFAULT: "#C13584",
          50: "#EEC0DA",
          100: "#E9B0D0",
          200: "#E090BD",
          300: "#D870AA",
          400: "#CF5098",
          500: "#C13584",
          600: "#952966",
          700: "#691D48",
          800: "#3D112A",
          900: "#11050C",
          950: "#000000",
        },
        linkedin: {
          DEFAULT: "#0072B1",
          50: "#6ACAFF",
          100: "#55C3FF",
          200: "#2CB4FF",
          300: "#04A6FF",
          400: "#008CDA",
          500: "#0072B1",
          600: "#004E79",
          700: "#002A41",
          800: "#000609",
          900: "#000000",
          950: "#000000",
        },
      },
    },
  },
  plugins: [],
};