
module.exports = {
  content: ["./index.html", "./admin.php", "./js/**/*.js", "./admin/**/*.js"],
  theme: {
    extend: {
      fontFamily: {
        sans: [
          "ui-sans-serif",
          "system-ui",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif",
        ],
        display: ["Plus Jakarta Sans", "DM Sans", "ui-sans-serif", "system-ui", "sans-serif"],
      },
      colors: {
        brand: {
          DEFAULT: "var(--site-bg)",
          50: "var(--site-surface)",
          100: "var(--site-raised)",
          200: "var(--site-elevated)",
          300: "var(--site-elevated)",
          frost: "var(--site-bg-frost)",
        },
        accent: {
          DEFAULT: "var(--site-accent)",
          bright: "var(--site-accent-bright)",
          muted: "var(--site-accent-muted)",
          deep: "var(--site-accent-deep)",
          red: "var(--site-accent-red)",
          "red-bright": "var(--site-accent-red-bright)",
        },
      },
      boxShadow: {
        glow: "0 8px 24px -8px rgba(22, 119, 255, 0.28)",
        "glow-sm": "0 4px 14px -6px rgba(22, 119, 255, 0.2)",
        panel: "0 24px 48px -16px rgba(0, 0, 0, 0.45)",
      },
    },
  },
  plugins: [],
};
