/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        // ─── Brand "Electric Teal" ───
        brand: {
          cyan: "#06B6D4", // accent primary
          blue: "#3B82F6", // accent secondary
          teal: "#22D3EE", // deep marine highlight
          deep: "#0891B2", // deep teal (hover / prestige)
          indigo: "#4F46E5",
        },
        // ─── Canvas (Slate) ───
        canvas: {
          dark: "#0F172A", // dark body / terminal backdrop
          deep: "#090D16", // dark footer / deepest sheet
          light: "#F8FAFC", // light body (alpine snow)
        },
        // ─── 7-color diagnostic & syntax spectrum ───
        diag: {
          rose: "#F43F5E", // exception / invalid
          orange: "#FF6B00", // keyword / control
          amber: "#F59E0B", // string / regex
          emerald: "#10B981", // support / type / class
          sky: "#0EA5E9", // variable / parameter
          indigo: "#6366F1", // entity / function
          violet: "#8B5CF6", // comment / metadata
        },
      },
      fontFamily: {
        heading: ["Fraunces", "Georgia", "serif"],
        body: ["Inter", "-apple-system", "BlinkMacSystemFont", "sans-serif"],
      },
      backgroundImage: {
        // 135° brand gradient (logo ligatures, CTAs, highlights)
        "brand-gradient": "linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%)",
        "brand-gradient-soft":
          "linear-gradient(135deg, rgba(6,182,212,0.12) 0%, rgba(59,130,246,0.12) 100%)",
      },
      boxShadow: {
        glow: "0 8px 30px -8px rgba(6,182,212,0.35)",
      },
    },
  },
  plugins: [],
};