tailwind.config.js

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
    colors: {
      transparent: "transparent",
      current: "currentColor",
      midnight: {
        50: "#f2f3f5",
        100: "#e6e7ea",
        200: "#c0c4cc",
        300: "#9aa0ad",
        400: "#4f596f",
        500: "#031231",
        600: "#03102c",
        700: "#020e25",
        800: "#020b1d",
        900: "#010918",
      },
      aquamarine: {
        50: "#f3fffd",
        100: "#e6fffb",
        200: "#c1fff6",
        300: "#9bfff1",
        400: "#50ffe6",
        500: "#05ffdb",
        600: "#05e6c5",
        700: "#04bfa4",
        800: "#039983",
        900: "#027d6b",
      },
      "eastern-blue": {
        50: "#f3fafb",
        100: "#e6f6f8",
        200: "#c1e8ed",
        300: "#9bd9e3",
        400: "#50bdcd",
        500: "#05a1b8",
        600: "#0591a6",
        700: "#04798a",
        800: "#03616e",
        900: "#024f5a",
      },
      white: {
        50: "#ffffff",
        100: "#ffffff",
        200: "#ffffff",
        300: "#ffffff",
        400: "#ffffff",
        500: "#ffffff",
        600: "#e6e6e6",
        700: "#bfbfbf",
        800: "#999999",
        900: "#7d7d7d",
      },
      rose: {
        50: "#fff1f2",
        100: "#ffe4e6",
        200: "#fecdd3",
        300: "#fda4af",
        400: "#fb7185",
        500: "#f43f5e",
        600: "#e11d48",
        700: "#be123c",
        800: "#9f1239",
        900: "#881337",
      },
      gray: {
        50: "#f9fafb",
        100: "#f3f4f6",
        200: "#e5e7eb",
        300: "#d1d5db",
        400: "#9ca3af",
        500: "#6b7280",
        600: "#4b5563",
        700: "#374151",
        800: "#1f2937",
        900: "#111827",
      },
    },
    fontFamily: {
      h: ["Cardo", "serif"],
      t: ["Source Sans Pro", "sans-serif"],
    },
    letterSpacing: {
      sm: "1px",
      md: "2px",
      lg: "3px",
    },
  },
  plugins: [],
};