/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./components/**/*.{vue,js,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./app.vue",
    "./app/app.vue",
    "./plugins/**/*.{js,ts}"
  ],
  theme: {
    extend: {
      fontFamily: {
        display: ["'Space Grotesk'", "ui-sans-serif", "system-ui", "sans-serif"],
        body: ["'Manrope'", "ui-sans-serif", "system-ui", "sans-serif"]
      },
      boxShadow: {
        "glow": "0 0 40px rgba(45, 200, 140, 0.35)",
        "soft": "0 10px 30px rgba(18, 24, 40, 0.12)"
      },
      backgroundImage: {
        "mesh": "radial-gradient(1200px 600px at 10% -10%, rgba(67, 56, 118, 0.2), transparent 60%), radial-gradient(900px 500px at 90% 10%, rgba(230, 184, 92, 0.18), transparent 60%), linear-gradient(180deg, #f9f6ef 0%, #f2efe7 55%, #ebe8df 100%)"
      }
    }
  },
  plugins: [require("daisyui")],
  daisyui: {
    themes: [
      {
        silk: {
          "base-100": "oklch(97% 0.0035 67.78)",
          "base-200": "oklch(95% 0.0081 61.42)",
          "base-300": "oklch(90% 0.0081 61.42)",
          "base-content": "oklch(40% 0.0081 61.42)",
          "primary": "oklch(23.27% 0.0249 284.3)",
          "primary-content": "oklch(94.22% 0.2505 117.44)",
          "secondary": "oklch(23.27% 0.0249 284.3)",
          "secondary-content": "oklch(73.92% 0.2135 50.94)",
          "accent": "oklch(23.27% 0.0249 284.3)",
          "accent-content": "oklch(88.92% 0.2061 189.9)",
          "neutral": "oklch(20% 0 0)",
          "neutral-content": "oklch(80% 0.0081 61.42)",
          "info": "oklch(80.39% 0.1148 241.68)",
          "info-content": "oklch(30.39% 0.1148 241.68)",
          "success": "oklch(83.92% 0.0901 136.87)",
          "success-content": "oklch(23.92% 0.0901 136.87)",
          "warning": "oklch(83.92% 0.1085 80)",
          "warning-content": "oklch(43.92% 0.1085 80)",
          "error": "oklch(75.1% 0.1814 22.37)",
          "error-content": "oklch(35.1% 0.1814 22.37)",
          "--radius-selector": "2rem",
          "--radius-field": "2rem",
          "--radius-box": "2rem",
          "--size-selector": "0.3125rem",
          "--size-field": "0.3125rem",
          "--border": "0.5px",
          "--depth": "0",
          "--noise": "0"
        }
      }
    ]
  }
};