text: export default {
      fonts: {
        serif: "Times New Roman', Times, serif",
        sansSerif: "Arial, Helvetica, sans-serif",
        mono: "Courier, monospace", 
      },
      colors: {
        main1: "black",
        main05: "hsl(0,0%,20%)",
        main2: "white",
        dark1: "hsl(227,2%,12%)",
        dark2: "hsl(227,2%,26%)",
        dark3: "hsl(227,2%,64%)",
        light1: "hsl(0,0%,97%)",
        light2: "hsl(0,0%,99%)",
      },
      breakpoints: {
        mobile: "only screen and (max-width: 30rem)",
        tablet: "only screen and (max-width: 900px)",
      },
      spacing: {
        xxSmall: ".25rem",
        xSmall: ".5rem",
        small: "1rem",
        medium: "2rem",
        large: "3rem",
        xLarge: "4rem",
        xxLarge: "6rem",
      },
      animations: {
        button: "box-shadow 0.3s ease",
        link: "color 0.2s ease",
      },
      shadows: {
        shadow1: "0px 5px 20px rgba(30, 30, 31, 0.05)",
      },
    }