export default { content: ["./index.html", "./src/**/*.jsx"], theme: { colors: { transparent: "rgba(0, 0, 0, 0)", white: "#FFFFFF", red: "#D73C3C", grey: { 500: "#86A2A5", 900: "#2A4144", }, green: { 200: "#E0F1E8", 600: "#0C7D69", }, }, fontFamily: { sans: ["Karla", "sans-serif"], }, fontWeight: { regular: "400", bold: "700", }, fontSize: { heading: [ "2rem", { lineHeight: 1, letterSpacing: "-0.03125em", fontWeight: "700", }, ], "body-md": [ "1.125rem", { lineHeight: 1.5, letterSpacing: "0", fontWeight: "400", }, ], "body-sm": [ "1rem", { lineHeight: 1.5, letterSpacing: "0", fontWeight: "400", }, ], }, spacing: { 0: "0", 100: "0.5rem", 150: "0.75rem", 200: "1rem", 300: "1.5rem", 400: "2rem", 500: "2.5rem", 1600: "8rem", }, }, };