/** DesiCrew tokens as a Tailwind theme extension.
 *  Drop into tailwind.config.js (merge into your existing config). */

module.exports = {
  theme: {
    extend: {
      colors: {
        // brand (primary)
        "oxford-blue": "#011C46",
        "persian-blue": "#0B44CF",
        "tufts-blue": "#1892E5",
        mint: "#22D2A2",
        // accent (one per layout)
        "french-rose": "#FD4C8C",
        sunglow: "#FFD23F",
        "raisin-black": "#1C1C1C",
        // surface (neutrals)
        lavender: "#E7EDFB",
        "mint-green": "#DEF8F1",
        "alice-blue": "#E8F5FD",
      },
      backgroundImage: {
        // signature / hero gradient
        "gradient-signature":
          "linear-gradient(90deg, #22D2A2 0%, #1892E5 50%, #0B44CF 100%)",
      },
      fontFamily: {
        sans: ["Helvetica", "Arial", "sans-serif"],
        mono: ["Space Mono", "monospace"],
      },
      fontSize: {
        // [size, lineHeight] — line heights are recommended, not from the book
        display: ["64px", "1.05"],
        heading: ["33px", "1.15"],
        subhead: ["22px", "1.3"],
        body: ["15px", "1.6"],
      },
      letterSpacing: {
        tight: "-0.06em", // Helvetica (-60)
        wide: "0.06em",   // Space Mono (+60)
      },
      borderWidth: {
        icon: "2.3px", // navy icon stroke
      },
    },
  },
};
