tailwind.config.ts

import { type Config } from "tailwindcss";

export default {
  content: [
    "{routes,islands,components}/**/*.{ts,tsx}",
  ],
  theme: {
    fontFamily: {
      "sans": [
        '"Pretendard Variable"',
        "Pretendard",
        "-apple-system",
        "BlinkMacSystemFont",
        "system-ui",
        "Roboto",
        '"Helvetica Neue"',
        '"Segoe UI"',
        '"Apple SD Gothic Neo"',
        '"Noto Sans KR"',
        '"Malgun Gothic"',
        "sans-serif",
      ],
      "display": [
        "Onest",
        "-apple-system",
        "BlinkMacSystemFont",
        "system-ui",
        "Roboto",
        '"Helvetica Neue"',
        '"Segoe UI"',
        '"Apple SD Gothic Neo"',
        '"Noto Sans KR"',
        '"Malgun Gothic"',
        "sans-serif",
      ],
    },
    extend: {
      colors: {
        "brand": {
          50: "#EBEEFF",
          100: "#DBE1FF",
          200: "#B3BFFF",
          300: "#8FA2FF",
          400: "#6B84FF",
          500: "#4262FF",
          600: "#1F44FF",
          700: "#0024D6",
          800: "#00188F",
          900: "#000C47",
          950: "#000624",
        },
        "brand-dark": {
          50: "#1B255B",
          100: "#1D296B",
          200: "#213495",
          300: "#243CBA",
          400: "#2746DF",
          500: "#2B4FFF",
          600: "#2E59FF",
        },
      },
    },
  },
} satisfies Config;