tailwind.config.ts

import { type Config } from "tailwindcss";

export default {
  content: [
    "{routes,islands,components}/**/*.{ts,tsx,js,jsx}",
  ],
  theme: {
    fontFamily: {
      "headline": ["Headline"],
      "body": ["Body"],
    },
    extend: {
      fontSize: {
        "2xs": "0.5625rem",
      },
      colors: {
        white: "#fafae5",
        grayLight: "#fafae580",
        gray: "#0f0f0f",
        orange: {
          "50": "#fff6ec",
          "100": "#ffead3",
          "200": "#ffd1a5",
          "300": "#ffb16d",
          "400": "#ff8432",
          "500": "#ff610a",
          "600": "#ff4700",
          "700": "#cc3002",
          "800": "#a1260b",
          "900": "#82220c",
          "950": "#460e04",
        },
        blue: {
          "50": "#f0f7ff",
          "100": "#e0eefe",
          "200": "#b9ddfe",
          "300": "#7cc3fd",
          "400": "#36a5fa",
          "500": "#0c89eb",
          "600": "#006ccb",
          "700": "#0154a3",
          "800": "#064986",
          "900": "#0b3d6f",
          "950": "#07264a",
        },
        pink: {
          "50": "#fdf2f9",
          "100": "#fce7f4",
          "200": "#fad0eb",
          "300": "#f8a9da",
          "400": "#f274bf",
          "500": "#ea4aa4",
          "600": "#cc257b",
          "700": "#bc1a68",
          "800": "#9b1956",
          "900": "#811a4a",
          "950": "#4f0829",
        },
        green: {
          "50": "#edfde8",
          "100": "#d6facd",
          "200": "#b1f5a1",
          "300": "#80ec6a",
          "400": "#56de3d",
          "500": "#35c41e",
          "600": "#29b216",
          "700": "#1e7714",
          "800": "#1d5f15",
          "900": "#1c5017",
          "950": "#092c07",
        },
      },
      letterSpacing: {
        tighter: "-.04",
        wider: ".09em",
        widest: ".84px",
      },
    },
  },
} satisfies Config;