tailwind.config.js

module.exports = {
  theme: {
    fontSize: {
      "header-xs": "3.5vmin",
      "header-sm": "4vmin",
      "header-md": "5vmin",
      "header-lg": "11vmin",
      "section-header": "7vmin",
      "section-detail": "3.5vmin",
      "md/header-xs": "1.25vw",
      "md/header-sm": "2.5vw",
      "md/header-md": "3vw",
      "md/header-lg": "4.5vw",
      "md/section-header": "3.5vw",
      "md/section-detail": "1.75vw",
    },
    extend: {
      colors: {
        beige: "#f5f5ef",
        tan: "#cfb396",
        adobe: "#e05a47",
        aqua: "#00c4cc",
        sunshine: "#ffb331",
      },
      fontFamily: {
        "league-spartan": ["League Spartan", "sans-serif"],
        "open-sans": ["Open Sans", "sans-serif"],
        roboto: ["Roboto", "sans-serif"],
        nunito: ["Nunito", "sans-serif"],
      },
      spacing: {
        "md/sm": "1.25vw",
        "md/base": "1.75vw",
        "md/md": "2vw",
        "md/outer": "3vw",
        sm: "2.5vmin",
        base: "3.5vmin",
        md: "4vmin",
        outer: "6vmin",
      },
      lineHeight: {
        bound: "1.125",
      },
      padding: { "1/3": "33.333333%" },
    },
  },
  variants: {},
  plugins: [],
};