/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    container: {
      center: true,
      padding: {
        DEFAULT: "1rem",
        sm: "1rem",
        md: "1.25rem",
        lg: "1.5rem",
        xl: "2rem",
        "2xl": "2.5rem",
      },
      screens: {
        // 讓 container 在各斷點對齊你自訂的寬度
        sm: "640px",
        md: "768px",
        lg: "1024px",
        xl: "1280px",
        "2xl": "1536px",
      },
    },
    screens: {
      xs: "480px",
      sm: "640px",
      md: "768px",
      lg: "1024px",
      xl: "1280px",
      "2xl": "1536px",
    },
    extend: {
      fontFamily: {
        // 讓你能寫 class="font-noto"
        noto: ["Noto Sans TC", "sans-serif"],
        // 讓你能寫 class="font-nats"
        nats: ["NATS-Regular", "sans-serif"],
      },
      colors: {
        brand: {
          green: { DEFAULT: "#34D5C8", light: "#C4FBE5" },
          red: "#FF8678",
          purple: {
            DEFAULT: "#A5BEFF",
            light: "#D5E1FF",
            dark: "#7089CA",
          },
          yellow: {
            DEFAULT: "#E1F391",
            dark: "#C4E920",
          },
          black: "#424242",
          neutral: {
            DEFAULT: "#F0F0F0",
          },
        },
      },
    },
  },
  plugins: [require("daisyui")],
  daisyui: {
    themes: [
      {
        mytheme: {
          primary: "#34D5C8",
          secondary: "#C4FBE5",
          accent: "#A5BEFF",
          neutral: "#424242",
          "base-100": "#ffffff",
          warning: "FF8678",
        },
      },
      "light",
    ],
  },
};