/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        // ─── Brand "Mint & Ocean Blue" (color package §1) ───
        // NB : noms de tokens conservés ; valeurs = palette Mint & Ocean.
        brand: {
          cyan: "#34D399", // mint — accent primary (accents, bordures, points, dark-text)
          blue: "#2563EB", // ocean blue — accent secondary (fin de dégradé)
          teal: "#6EE7B7", // mint clair — code inline sur fond sombre
          deep: "#2563EB", // ocean blue — accent texte en mode clair (lisible sur blanc)
          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 — Mint → Ocean Blue (logo, CTAs, highlights)
        "brand-gradient": "linear-gradient(135deg, #34D399 0%, #2563EB 100%)",
        "brand-gradient-soft":
          "linear-gradient(135deg, rgba(52,211,153,0.12) 0%, rgba(37,99,235,0.12) 100%)",
      },
      boxShadow: {
        glow: "0 8px 30px -8px rgba(52,211,153,0.35)",
      },
    },
  },
  plugins: [],
};